上篇文章我們介紹了怎麼創建一個最基本的網頁，這篇我們介紹一下經常被使用的標籤及用途。
顯示在瀏覽器中的內容都要添加在基本模板中的body標籤的中間，這點一定要記住！！
下面的body標籤中各個標籤，做了解釋說明，大概了解各個標籤長什麼樣子，能記住就更好了。
下面的HTML代碼可以直接複製到你的網頁中（創建HTML文件的方法上篇文章有介紹直接簡單粗暴的教你如何製作一個網頁）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>這裡是網頁的標題，你看到在哪裡顯示的了嗎？——橙先生</title>
</head>
<body>
<div>div標籤可以理解為是個空盒子，什麼都能裝下</div>
<!-- img標籤用來插入圖片，src="圖片路徑"，alt屬性可選，用來描述圖片, <img src="圖片路徑" alt="圖片的說明（可選）"> -->
這是一張圖片，注意這裡的img標籤形式，這是個單標籤
<img src="圖片路徑" alt="圖片的說明（可選）">
<!-- a標籤用來添加超連結 ，target="_blank"屬性用來點擊連結後跳轉到新的瀏覽器頁籤，href="需要跳轉到的網址或是文件"-->
<a href="需要跳轉到的網址或是文件，如" target="_blank">這個是文字的連結，也可以在其他內容上添加（比如圖片）</a>
<!-- p標籤用來填入文字 -->
<p>在這裡填入文字</p>
<p>在這裡填入文字</p>
<!-- span標籤用來添加文字等，屬於行內元素 -->
<span>在這裡添加你想要的內容</span><span>!!!!!!這裡是另外一段內容</span>
<!-- 這裡說說塊元素和行內元素，像上面的P標籤就是塊元素，它獨佔一行，
span標籤就是行內元素，可以在一行中顯示多個span標籤內容 -->
<!-- br標籤用來換行 -->
<br>
<!-- h1至h6是有固定大小的標題/文字標籤 -->
<h1>這是h1裡的內容</h1>
<h2>這是h2裡的內容</h2>
<h3>這是h3裡的內容</h3>
<h4>這是h4裡的內容</h4>
<h5>這是h5裡的內容</h5>
<h6>這是h6裡的內容</h6>
<!-- ul 和li是固定的搭配，是無序列表，可以有N個li -->
<ul>
<li>這裡是無序列表1</li>
<li>這裡是無序列表2</li>
<li>這裡是無序列表3</li>
</ul>
<!-- ol 和li是固定的搭配，是有序列表，可以有N個li -->
<ol>
<li>這裡是有序列表1</li>
<li>這裡是有序列表2</li>
</ol>
<!-- table 、tr 和 td是固定搭配 ：table是表格，tr是表格裡的行，td是表格裡的列， 表格裡可以有N行 N列-->
<table>
<tr>
<td>表格中第一行的第1列</td>
<td>表格中第一行的第2列</td>
</tr>
<tr>
<td>表格中第二行的第1列</td>
<td>表格中第二行的第2列</td>
<td>表格中第二行的第3列</td>
</tr>
</table>
</body>
</html>
上面的內容已經大致了解了吧？下一篇我們將介紹各種常用到的樣式，讓各個標籤更加的美觀。記得關注一下哦！