什么是HTML食寡？
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
????HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper?Text?Markup?Language)
????HTML 不是一種編程語(yǔ)言翰铡，而是一種標(biāo)記語(yǔ)言?(markup language)
????標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽?(markup tag)
????HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 標(biāo)簽(元素)
????HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
????HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如
????HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的承冰，比如 和
????標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
????開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
<!DOCTYPE?html>
<html?lang="en">
<head>
<meta?charset="UTF-8">
<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
<meta?name="viewport"?content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body></body>
</html>
HTML 文檔 = 網(wǎng)頁(yè)
????HTML 文檔描述網(wǎng)頁(yè)
????HTML 文檔包含HTML 標(biāo)簽和純文本
????HTML 文檔也被稱為網(wǎng)頁(yè)
HTML 標(biāo)題
HTML 標(biāo)題是通過(guò) <h1> - <h6> 等標(biāo)簽進(jìn)行定義的食零。
<h1>這是h1</h1>
<h2>這是h2</h2>
<h3>這是h3</h3>
<h4>這是h4</h4>
<h5>這是h5</h5>
<h6>這是h6</h6>
HTML 段落
HTML 段落是通過(guò) <p> 標(biāo)簽進(jìn)行定義的困乒。
<p>這是一個(gè)段落</p>
HTML 屬性
HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息贰谣。
屬性總是以名稱/值對(duì)的形式出現(xiàn)娜搂，比如：name="value" href="www.baidu.com" src=""。
屬性總是在 HTML 元素的開(kāi)始標(biāo)簽中規(guī)定吱抚。
HTML?id?屬性用于 為HTML 元素指定唯一的 id百宇。
一個(gè) HTML文檔中不能存在多個(gè)有相同 id 的元素。
<!DOCTYPE html>
<html>
<head>
<style>
#my{background-color:lightblue;color:black;padding:40px;text-align:center;}</style>
</head>
<body>
? ??<h1 id="my">My</h1>
</body>
</html>
HTML 鏈接
HTML 鏈接是通過(guò) <a> 標(biāo)簽進(jìn)行定義的秘豹。
<a target="_blank">This is a link</a>
HTML 圖像
HTML 圖像是通過(guò) <img> 標(biāo)簽進(jìn)行定義的恳谎。
<img src="https://imgs01.dihe.cn/202202/2117/62135745ae4ac.png"/>
HTML 樣式實(shí)例 - 背景顏色
background-color 屬性為元素定義了背景顏色：
<html>
<body style="background:yellow">
????<h2 style="background:red">你好，口紅</h2>?
????<p style="background:green">你好憋肖，小66</p>
</body>
</html>
HTML 注釋標(biāo)簽(ctrl+?)
您能夠通過(guò)如下語(yǔ)法向 HTML 源代碼添加注釋：
<!-- 在此處寫(xiě)注釋 -->? ? ? ? ? ? ? ? ? ? ?
HTML 視頻
<video controls src="https://imgs01.dihe.cn/video/202110/1402/3csq8oh9ln6wj.mp4">
</video>
