鄙人的學習筆記。
清單标簽
無序清單标簽 <ul>
<ul>
<ul>
<li>元素1</li>
<li>元素2</li>
<li>元素n</li>
</ul> 有序清單 <ol>
<ol>
<ol>
<li>元素1</li>
<li>元素2</li>
<li>元素n</li>
</ol> 自定義清單 <dl>
<dl>
<dl>
<dt>表标題A</dt>
<dd>元素A1</dd>
<dd>元素A2</dd>
<dd>元素An</dd>
<dt>表标題B</dt>
<dd>元素B1</dd>
<dd>元素B2</dd>
<dd>元素Bn</dd>
</dl> 備注：
<dt>
為自定義清單的标題，
<dd>
為自定義清單的清單項
舉個例子
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小黃之家</title>
</head>
<body>
<ul>
<li>小黃</li>
<li>大白</li>
<li>小黑</li>
</ul>
<ol>
<li>黃兄</li>
<li>白兄</li>
<li>黑兄</li>
</ol>
<dl>
<dt>小黃指南</dt>
<dd>吃飯</dd>
<dd>睡覺</dd>
<dd>和鏟屎的玩</dd>
<dt>大白指南</dt>
<dd>跳來跳去</dd>
<dd>咬衣服</dd>
<dd>和主人玩</dd>
</dl>
</body>
</html> 頁面：
表格标簽 <table>
<table>
文法
<table border="1">
<!-- border = "1"為加邊框 -->
<thead>
<tr>
<th>列名1</th><th>列名2</th><th>列名3</th>
</tr>
</thead>
<tbody>
<tr>
<td>A1</td><td>A2</td><td>A3</td>
</tr>
<tr>
<td>B1</td><td>B2</td><td>B3</td>
</tr>
</tbody>
</table> 備注：
<table>
包裹一個表格，
<thead>
标簽包裹表格頭部，
<th>
标簽包裹一個列名單元，
<tbody>
标簽包裹表格的内容，
<tr>
标簽包裹一行，
<td>
标簽包裹一個單元格。
舉個例子
代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小黃之家</title>
</head>
<body>
<table border="1">
<!-- border = "1"為加邊框 -->
<thead>
<tr>
<th>列名1</th><th>列名2</th><th>列名3</th>
</tr>
</thead>
<tbody>
<tr>
<td>A1</td><td>A2</td><td>A3</td>
</tr>
<tr>
<td>B1</td><td>B2</td><td>B3</td>
</tr>
</tbody>
</table>
</body>
</html> 頁面：
單元格合并
<td>
<td>
<td rowspan="2">A1</td>
<!--表示A1單元格占2行 --> 舉個例子
代碼：
頁面：
<td>
<td>
<td colspan="2">A2</td>
<!--表示A2單元格占2列 -->