您的位置:首页 > Web前端 > HTML

html知识点:#表格 #列表

2017-07-17 10:29 357 查看
table 表格

<body>
<table border="1">
<!-- 横板表头 -->
<caption>横板表头</caption>
<tr>
<th>序号</th>
<th colspan="2">姓名年级</th>
</tr>
<tr>
<td>1</td>
<td>张三实</td>
<td>1996级</td>
</tr>
<td>2</td>
<td>李四</td>
<td>2013级</td>
<tr>
</tr>
<tr>
<td>3</td>
<td>王晓宇</td>
<td> </td>
</tr>
<!-- 竖版表头 -->
<tr>
<th>第一行</th>
<td>1</td>
<td>张三实</td>
<td>1996级</td>
</tr>
<th rowspan="3">第二三行</th>
<td>2</td>
<td>李四</td>
<tr>
</tr>
<tr>
<td>3</td>
<td>王晓宇</td>
</tr>
a942

</table>
</body>
<!--cellpadding表示表格中的文字与边框的距离-->




列表:
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
去掉圆点:li{list-style:none;}
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>    去掉ul的默认样式:padding-left:0;margin:0;
有序列表
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
定义列表
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: