1. 程式人生 > 其它 >HTML結構和標籤格式

HTML結構和標籤格式

#知識點1:標籤
標籤格式:<標籤名 屬性1="屬性值1" 屬性2="屬性值2">文字</標籤名>
#閉合標籤:<h1>京東購物</h1> # (字型加粗,並打印出來)
#自閉合標籤:<img src="https://imgcps.jd.com/ling4/100026667910/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6f5/15fd9fad/cr/s/q.jpg">
標籤巢狀:<h1> <p1></p1> </h1>

<!DOCTYPE html> #告訴瀏覽器使用什麼樣的html或者xhtml來解析html文件
<html lang="en"> #告訴瀏覽器使用什麼樣語言解析(英語)
<head> #文件的開始標記和結束標記。此元素告訴瀏覽器其自身是一個 HTML 文件,在它們之間是文件的頭部<head>和主體<body>。
<meta charset="UTF-8"> #(預設標籤)宣告編碼方式用utf8
<title>京東(JD.COM)-正品低價、品質保障、配送及時、輕鬆購物!</title> #(預設標籤)定義網頁標題,在瀏覽器標題欄顯示。
<link rel="icon" href="https://www.jd.com/favicon.ico"> #設定小圖示
</head>
<body> #之間的文字是可見的網頁主體內容
<h1>呼長喜的京東購物網站,歡迎您的光臨!</h1> # (字型加粗,並打印出來)
<img src="https://imgcps.jd.com/ling4/100026667910/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6f5/15fd9fad/cr/s/q.jpg">
</body>
</html>