HTML学习第五课
程序员文章站
2024-03-18 18:24:22
...
定义列表和表格
一、定义表格(dl)
定义列表的表格也叫做描述性列表，定义列表默认为为两个层次，第一层为列表项标签< dt>,第二层为注释项标签< dd>。< dt>和< dd>标签通常是成对使用的，也可以一个列表项对应于几个解释项，其格式为：<dl>
<dt>第1项</dt>
<dd>注释1</dd>
<dt>第二项</dt>
<dd>注释2</dd>
<dt>第三项</dt>
<dd>注释3</dd>
二、表格（table）
< table>标签定义HTML表格。简单的HTML表格由table 元素以及一个或多个tr、th、或td元素组成。tr元素定义表格行，th元 素定义表头，td元素定义表格单元。
更复杂的HTML表格也可能包括caption 、col、 colgroup、 thead、 tfoot以及tbody元素。例如：
<!DOCTYPE html>
<title>基本表格</title>
<meta charest="utf-8">
<table border="1">
<caption>学生信息表</caption>
<tr>
<th>姓名</th>
<th>学号</th>
<th>班级</th>
</tr>
<tr>
<td>小红</td>
<td>10012</td>
<td>学前1班</td>
</tr>
<tr>
<td>小明</td>
<td>10018</td>
<td>学前2班</td>
</tr>
</table>
| 姓名 | 学号 | 班级 |
|---|---|---|
| 小红 | 10012 | 学前1班 |
| 小明 | 10018 | 学前2班 |
如上图所示，千万要记得< th>是表头，< td>是类似身体的部位，也就是表格单元。而< tr>定义单元行。
此外表格标签< table >有很多属性。如图1-1-2所示。
| 属性 | 描述 |
|---|---|
| width | 表格的宽度 |
| height | 表格的高度 |
| border | 表格边框的宽度（以像素为单位） |
| cellspacing | 单元格之间的间距 |
| cellpadding | 单元格内容与单元格边界之间的空白距离的大小 |
上一篇： 洛谷R15959892买铅笔
下一篇： 5、hibernate第五课