HTM知識點總結(三):關於HTML常用標籤
阿新 • • 發佈:2021-01-14
關於HTML常用標籤
(1)列表標籤
1.<ul></ul>
:無序列表標籤,用於在效果中定義一個無序列表
2.<li></li>
:列表條目項標籤,用於在效果中定義一個列表的條目
3.<ol></ol>
:有序列表標籤,用於在效果中定義一個有序列表
<ul> <li>1</li> <li>2</li> <li>3</li> </ul>
<ol>
<li>11</li>
<li>22</li>
<li>33</li>
</ol>
4. reversed(布林值屬性):反轉排序
<ol reversed>
<li>11</li>
<li>22</li>
<li>33</li>
<li>44</li>
</ol>
(2)超連結標籤<a></a>
超連結標籤,用於在效果中定義一個可以點選跳轉的連結
href:超連結跳轉的路徑 (必有屬性)
target:設定頁面的開啟方式
1._black:開啟新頁面
2._self:在當前頁面開啟
3._top:在頂級框架中開啟
4._partent:在父框架中開啟
<a herf="http://www.baidu.com/">百度</a>
注意:
①a標籤內容體,不僅僅是文字,也可以是其他內容,例如圖片
②a標籤的href屬性,不僅僅可以連結到html上,也可以連結到其他檔案上,例如圖片
<a herf="demo html"> <img src="../img/c_1.jpg" /> </a>
(3)表格標籤<table></table>
表格標籤,用於在效果中定義一個表格
1.border:設定表格的邊框粗細
2.width:設定表格的寬度
<tr></tr>表格的行標籤,用於在效果中定義一個表格行
<td></td>表格的單元格標籤,用於在效果中定義一個表格行中的單元格
<table>
<tr>
<td>姓名</td>
<td>數學</td>
</tr>
<tr>
<td>A</td>
<td>100</td>
</tr>
</table>
快捷方式:tr4>td4 (快速生成一個四行四列的表格)
3.<th></th>
表格的表頭單元格標籤,用於在效果中定義一個表格行中的表頭單元格
<th>
和<td>
唯一區別:<th>
內容 居中加粗
4.單元格合併
<td>
或者<th>
都有兩個單元格合併屬性:
colspan:跨列合併單元格
rowspan:跨行合併單元格
確定合併哪幾個單元格,確定是跨列合併還是跨行合併在第一個出現的單元格上書寫 合併單元格屬性合併幾個單元格,屬性值就書寫幾被合併的單元格必須刪掉
eg:
<tr>
<td conspan="2">1</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td conspan="2" rowspan="2">8</td>
<td>11</td>
</tr>
<tr>
<td>16</td>
</tr>
5.caption:設定表格標題
thead:設定表格頭部
tbody:設定表格的體部
tfoot:設定表格的底部