1. 程式人生 > 其它 >HTM知識點總結(三):關於HTML常用標籤

HTM知識點總結(三):關於HTML常用標籤

技術標籤:htmlhtml

                  關於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:設定表格的底部