tft每日頭條

 > 生活

 > html表格的嵌套

html表格的嵌套

生活 更新时间:2025-02-15 09:27:14

1.列表(對相同類型的數據進行合理的展示)

列表分為有序、無序和自定義列表。

a、無序列表(ul)

ul 标簽用來聲明無序列表 ,所有的列表項(li)都要包含在ul标簽當中 <ul> <li> xx</li> <li> xx</li> </ul>

标識符類型樣式:改變type屬性值來控制當前列表的标識符類型。

circle 實心圓樣式

square 實心正方形

disc 默認值實心圓

<ul type="none"> <!--無标識符--> <li>吃飯</li> </ul> <ul type="square"> <li>睡覺</li> </ul> <ul type="circle"> <li>看電視</li> </ul>

注意:li 标簽中一般不能出現樣式,比如 <li type = "circle">XX</li>寫法不是很規範:

ul标簽當中隻能出現 li 标簽,不能出現其他标簽和文字,列表内容寫在li标簽中。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul type="none"> <!--li列表項--> <li>吃飯1</li> <li>吃飯2</li> <li>吃飯3</li> <li>吃飯4</li> </ul> </body> </html>

b、有序列表(ol):

<ol> <li> xx</li> <li> xx</li> </ol>

修改标識符:改變type屬性值

1 數字1 2 3 ......

a/A 小/大寫字母

i/I 小/大寫的羅馬數字

<ol type="none">XX</ol> 無标識符

注意:同樣,ol标簽和li标簽是配合使用的,不能單獨使用,而且ol标簽内部不能存在 任何其他标簽,一般情況下隻能存在li标簽。

html表格的嵌套(二HTML列表表格)1

有序列表

c、自定義列表(dl):

<dl>标簽和<dt><dd>标簽是配合使用,不能單獨使用,而且<dl>标簽内部不能存在

任何其他标簽。(dt是标題,dd是列表内容)

<dl> <!--自定義列表的标題--> <dt>廣東省</dt> <!--可以寫自定列表的内容--> <dd>廣州</dd> <dd>潮汕</dd> <dd>中山</dd> <dt>廣西省</dt> <dd>南甯</dd> <dd>柳州</dd> <dd>桂林</dd> </dl>

小結:

列表有三種表現形式;

有序列表和無序列表必須配合li标簽使用;

列表的type屬性可以改變列表标識符;

2.表格

<table>XX</table> 聲明表格<tr>XX</tr> 行<td>XX</td> 列<th>XX</th> 表頭單元格,粗體居中<caption>XX</caption> 表格的标題,寫在table下面

<table border = "2"> <!--border 表格邊框粗細--> <caption>XX</caption> <tr> <td>吃飯1</td> <td>吃飯2</td> </tr> <tr> <td>吃飯3</td> <td>吃飯4</td> </tr> </table>

補充:W3C:萬維網聯盟 ,制定web标準。

web标準分為結構(html)、 表現(css)、行為(js)

标簽名稱、屬性名稱必須小寫

标簽必須嚴格嵌套,并且必須閉合,即使空元素标簽也必須閉合

屬性值必須用引号引起來

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved