HTML文檔是由各種標簽組成的狡相。那么，學習了標簽的使用食磕，也就可以輕松自如的編寫HTML文檔了尽棕。
HTML標題
標題是通過 <h1> - <h6> 這樣的標簽進行定義的。
<h1>這是一個標題1</h1>
<h2>這是一個標題2</h2>
<h3>這是一個標題3</h3>
…
…
<h6>這是一個標題6</h6>
其中彬伦，<h1> 是最大的標題滔悉，<h6> 是最小的標題。效果如下：
HTML水平線
<hr> 標簽可用于分隔內容单绑，如下所示：
<h1>這是一個標題1</h1>
<h2>這是一個標題2</h2>
<h3>這是一個標題3</h3>
<hr>
<h6>這是一個標題6</h6>
HTML段落
段落是通過 <p> 標簽定義的回官，瀏覽器會自動地在段落的前后添加空行。如下所示：
<p>這是段落A</p>
<p>這是段落B</p>
HTML 折行
如果想在一個段落內進行換行搂橙，可以使用 <br> 標簽歉提，如下所示：
<p>現(xiàn)在<br>演示一下<br>分行的效果</p>
HTML超鏈接
HTML 文檔使用超鏈接與網(wǎng)絡上的另一個文檔相連，如下所示：
<a >訪問潘高陪你學編程</a>
如果想在新窗口打開文檔区转，可以使用target 屬性苔巨，如下所示：
<a target="_blank">訪問潘高陪你學編程</a>
HTML圖片
在HTML 文檔中，圖像由 <img> 標簽定義废离。該標簽只包含屬性侄泽，并沒有閉合標簽。如下所示：
<img src="https://blog.pangao.vip/images/avatar.jpg" alt="潘高的頭像">
[站外圖片上傳中...(image-f208f-1589467900098)]
源屬性 src 的值是圖像的 URL 地址蜻韭。alt 屬性用來為圖像定義一串預備的可替換的文本悼尾，當圖片獲取失敗時，就會顯示該文本湘捎。
除此以外诀豁，可以使用 height 與 width 屬性設置圖像的高度與寬度，如下所示：
<img src="https://blog.pangao.vip/images/avatar.jpg" alt="潘高的頭像" width="300" height="400">
HTML表格
表格由 <table> 標簽來定義窥妇。每個表格均有若干行（由 <tr> 標簽定義）舷胜，每行被分割為若干單元格（由 <td> 標簽定義）。數(shù)據(jù)單元格可以包含文本、圖片烹骨、列表翻伺、段落、表單沮焕、水平線吨岭、表格等等。如下所示：
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
HTML列表
HTML 文檔支持有序列表和無序列表峦树，如下所示:
- 有序列表
<ol>
<li>第一個序列</li>
<li>第二個序列</li>
<li>第三個序列</li>
</ol>
- 無序列表
<ul>
<li>這是序列</li>
<li>這是序列</li>
<li>這是序列</li>
</ul>
HTML區(qū)塊和內聯(lián)
大多數(shù) HTML 元素被定義為塊級元素或內聯(lián)元素辣辫。
- 塊級元素
塊級元素在瀏覽器顯示時，通常會以新行來開始和結束魁巩。例如: <h1>, <p>, <ul>, <table> 等急灭。
這里介紹一個新的塊級元素標簽 <div>。她沒有特定的含義谷遂，是組合其他 HTML 元素的容器葬馋。
- 內聯(lián)元素
內聯(lián)元素在顯示時通常不會以新行開始。
這里介紹一個新的內聯(lián)元素標簽 <span>肾扰。她也沒有特定的含義畴嘶，是文本的容器。
