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标簽。
有序列表
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每日頭條,我们将持续为您更新最新资讯!