用于呈現邏輯上并列的具有相關性的數據內容.
<ul>
<li></li>
</ul>
disc: 實心圓點
circle: 空心圓圈
square: 實心正方形
<ol>
<li></li>
</ol>
1: 阿拉伯數字
i: 小寫羅馬數字
I: 大寫羅馬數字
A: 大寫字母
a: 小寫字母
適用呈現包含主題及描述的數據內容.
<dl>
<dt>主題</dt>
<dd>描述</dd>
</dl>
表格
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
thead: 表頭
tbody: 表體
tfoot: 表腳
th: 專用于表頭中的單元格, 其具有自動加粗并且居中的效果.
表格的屬性控制:
border: 邊框
bordercolor: 邊框顏色
width: 寬度
height: 高度
cellspacing: 單元格間距(外)
cellpadding: 單元格填充(內)
align: 表格的位置控制
單元格的屬性控制:
align
valign
如何合并單元格/跨行或跨列?
<td rowspan="number" colspan="number">
注意: 合并后, 會引發單元格數量的減少!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>我的電腦文件列表</h1>
<ul>
<li>我的電腦
<ul>
<li>本地磁盤(C:)
<ul>
<li>我的文檔</li>
<li>我的收藏</li>
</ul>
</li>
<li>本地磁盤(D:)
<ul>
<li>我的游戲</li>
<li>我的資料</li>
<li>我的電影</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
列表是一個接一個顯示條目的首選方式,而不是使用<br>標記。完整的列表定義包括開始和結束標記,以及表示列表中每個條目的標記。
有三種類型的列表:有序列表、無序列表和定義列表。
無序列表是一個帶條目符號的列表,類似于菜單。
無序列表 - <ul> ... </ul>
ul標記定義無序列表的開始和結束,列表項包含在ul標記中。
無序列表項 - <li> ... </li>
li標記添加每個條目的文本,每個列表項必須有自己的li標記。
符號類型 <ul type="disc | circle | square">
默認情況下,瀏覽器將顯示圓形條目符號。這可以通過使用ul標記的type屬性來更改,這將更改整個列表的條目符號類型。
條目符號類型 <li type="?">
通過設置li標記的type屬性,可以為列表中的某個條目設置不同的符號類型。
以下是無序列表的示例:
瀏覽器顯示內容如下所示:
SS列表屬性作用如下:
列表
在HTML中,有兩種類型的列表:
使用CSS,可以列出進一步的樣式,并可用圖像作列表項標記。
list-style-type屬性指定列表項標記的類型是:
(1)編輯代碼
打開記事本,編寫代碼,并保存為HTML格式文件。代碼如下。
(2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。