一、HTML標簽
所謂的HTML的標簽就是發明者認為定義好的一些單詞，就相當於我們漢語中的字
二、HTML的語法
語法就是用來定義這些“字”應該如何解析或者書寫的規則
三、常見標簽及基本語法
1.人為的將HTML的標簽分為單標簽和雙標簽
<標簽名稱></標簽名稱>-----雙標簽
<標簽名稱 />----單標簽
注意：在HTML書寫中，標簽可以進行嵌套，但不能進行交叉嵌套
2.常見標簽
（1）標題標簽：在HTML中認為定義了六種標題標簽，分別為h1~h6的雙標簽，在一個網頁當中只允許出現一個標題標簽
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <h1>從今天開始學習HTML</h1> <h2>先自我介紹一下</h2> <h3>我叫coco</h3> <h4>來自中國</h4> <h5>今后我們一起學習</h5> <h6>請多關照</h6> </body> </html>
（2）段落標簽：p標簽，<p></p>雙標簽
添加注釋的格式<!--中間是注釋的內容-->，也可以使用快捷鍵，選中需要加注釋的內容，按Ctrl+問號（英文輸入法下），要去掉注釋用同樣的操作
注意：1.在HTML編寫的過程中，我們手動的敲換行是沒有用的 2.無論我們敲多少空格，在顯示時只顯示一個 3.每個P標簽中是一個段落
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <h1>靜夜思</h1> <!--1.在HTML編寫的過程中，我們手動的敲換行是沒有用的 2.無論我們敲多少空格，在顯示時只顯示一個 3.每個P標簽中是一個段落--> <p>窗前明月光</p> <p>疑是地上霜</p> <p>舉頭望明月</p> <p>低頭思故鄉</p> </body> </html>
（3）換行標簽：<br/>單標簽
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <h1>靜夜思</h1> <p> 窗前明月光 <br/> 疑是地上霜 <br/> 舉頭望明月 <br/><br/><br/> 低頭思故鄉 </p> </body> </html>
（4）添加空格（ ）,一個空格占一個字節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <h1>HTML學習總結</h1> <p> </n>我最近在學習HTML，今天的學習內容是HTML的基本語法和常見標簽的使用 </br> HTML的標簽分為兩類：單標簽和雙標簽，雙標簽格式是<標簽名稱></標簽名稱>雙標簽成對出現，有開始有結束，單標簽格式是</標簽名稱>，還學習了標題標簽，h1~h6,雙標簽，分別表示不同的字體大小，建議一個網頁中只使用一個h1標簽，因為瀏覽器在進行索引是一般是對h1標簽進行索引 </p> </body> </html>
（5）圖片標簽：img單標簽這個標簽的作用就是在網頁當中插入圖片，圖片與HTML都是獨立的文件，想在網頁中顯示圖片，需要借助img標簽將一個網頁外部的圖片拿到網頁當中進行展示
<img src="" >在這個標簽當中，我們可以發現，與p標簽相比較多了一些東西，我們將這些東西稱之為標簽屬性
a.標簽屬性與標簽名之間用空格隔開
b.標簽屬性由屬性名和屬性值兩部分組成，屬性名和屬性值用單等號進行連接
c.屬性值需要放在引號中，單引號和雙引號，引號要成對出現，如果屬性值是數字，那么引號可以去掉
d.一個標簽身上可以有多個屬性，每個屬性之間用空格隔開
e.src是img標簽的一個屬性，用來表示圖片想要加載的地址
圖片常見的屬性
src:src是img標簽的一個屬性，用來表示圖片想要加載的地址
alt:當圖片加載不出來時，會顯示這里面的文字
width/height:設置圖片的寬度和高度，如果只設置高度或寬度，圖片的另外一邊會自動縮放
title：當鼠標懸停在圖片上時，會顯示這里面的文字
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <h1>白雪公主</h1> <img src="src/t014c45eaaa2508bc3e.webp.jpg" > </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>常見圖片標簽的屬性</title> </head> <body> <!-- 正常的圖片 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" > <!-- 設置圖片的寬度 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" width="200" > <!-- 設置了高度的標簽 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" height="400" > <!-- 同時設置了高度和寬度的標簽 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" width="100" height="400"> <!-- 設置了標題的標簽 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" title="白雪公主" > <!-- 當圖片顯示不出來時，用alt屬性來顯示圖片未加載出來 --> <img src="src/t014c45eaaa2508bc1e.webp.jpg" alt="這是一張圖片"> </body> </html>
