<a style="float" href="連結網址">顯示文字</a>
<img src="圖片位置" alt="替代文字">
<a></a>、<img>
! + tab ，應該可以快速產生一個如下格式的資料，主要是 VS Code 有內建 Emmet 模組的功能< > </ > 標籤，再包覆需要的內容，但也是有單獨只有一個 < > 的標籤，如 <img>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>：來表示這是一份標準的 HTML5 文件<html> </html>：是 HTML 文件的根元素，只會有一個<head> </head>：主要說明這個網頁的資訊，如編碼、標題，只會有一個
<meta>：是給瀏覽器看的，暫時先不討論<body> </body>：主要呈現這個網頁的內容，只會有一個<header>：代表開頭區域<footer>：代表結尾區域<main>:代表網頁的主要內容<!-- 和 -->，再將想註解的內容放在這 2 個之間，只要在這個包覆範圍內，可以多行一起註解<!-- 當行註解 1 -->
<!--
多行註解 1
多行註解 2
多行註解 3
-->
繼續進行 HTML 的練習
iThome鐵人賽
看影片追技術