表格標簽
-
表格的作用
表格主要用于顯示、展示資料，因為他們可以讓資料顯示的非常規整，可讀性非常好，特別是后臺展示資料的時候，能夠熟練運用表格就先的很重要，一個清爽簡約的表格能夠把繁雜的資料表現的很有條理，
-
表格的基本語法
<table> <tr> <td></td> </tr> </table>- <table></table> 用于定義表格的標簽
- <tr></tr> 標簽用于定義表格中的行，必須嵌套在<table></table> 標簽中
- <td></td> 用于定義表格中的單元格，必須嵌套在<tr></tr> 標簽中
-
表頭單元格
- <th></th> 標簽表示HTML表格的表頭部分
-
表格屬性
- 表格標簽的屬性在實際開發中不常用，后面通過CSS來設定
| 屬性名 | 屬性值 | 描述 |
|---|---|---|
| align | left\center\right | 規定表格相對周圍的對齊方式 |
| border | 1或者”“ | 桂東表格單元是否擁有邊框，默認為”“，表示沒有邊框 |
| cellpadding | 像素值 | 規定單元邊沿與其他內容之間的空白，默認1px |
| cellspacinng | 像素值 | 規定單元格之間的空白，默認為2px |
| width | 像素值或百分比 | 規定表格寬度 |
-
表格的結構標簽
在表格標簽中，分別用：<thead>標簽表示表格的頭部區域，<tbody> 表示表格的主體區域
-
合并單元格
- 確定是跨行還是跨列
- 找到目標單元，寫上合并方式=合并的單元數量，比如；<td colspan="2"></td>
- 洗掉多余單元格
串列
-
串列分類
-
無序串列
- <ul> 標簽定義無序串列，一般會以專案符號呈現表項，而串列項使用<li> 標簽定義
<ul> <li>串列項1</li> <li>串列項2</li> <li>串列項3</li> </ul>-
- 無序串列的各項串列之間沒有順序級別之分，是并列的
- <ul> </ul> 中只能嵌套<li> </li> ,直接在<ul> </ul> 標簽中輸入其他標簽或者文字的做法是不允許的
- <li> </li> 之間相當于一個容器，可以容納所有元素
- 無序串列會帶有自己的樣式屬性，但實際使用中，我們會使用CSS來設定
-
有序串列
- <ol> 標簽定義有序串列，串列排序以數字來顯示，而串列項使用<li> 標簽定義
<ol> <li>串列項1</li> <li>串列項2</li> <li>串列項3</li> </ol>-
- <ol> </ol> 中只能嵌套<li> </li> ,直接在<ol> </ol> 標簽中輸入其他標簽或者文字的做法是不允許的
- <li> </li> 之間相當于一個容器，可以容納所有元素
- 有序串列會帶有自己的樣式屬性，但實際使用中，我們會使用CSS來設定
-
自定義串列
- 自定義串列常用于對術語或名詞進行解釋和描述，定義串列的列標前沒有任何專案符號
- <dl> 標簽用于自定義描述串列（或定義串列），該標簽會與<dt> (定義專案/名字)和<dd> (描述每一個專案/名字)一起使用
<dl> <dt>名詞1</dt> <dd>名詞一解釋1</dd> <dd>名詞一解釋2</dd> </dl>-
- <dl> </dl> 中只能嵌套<dt> <dd>
- <dt> <dd>沒有各數限制，經常一個<dt>對應多個<dd>
-
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/113653.html
標籤：Html/Css
上一篇：圖形驗證插件，百度編輯器拓展功能，NodeJs訊息機制以及聊天室,Python做爬蟲
下一篇：HTML常用標簽四