码迷,mamicode.com
首页 > Web开发 > 详细

html-表格和列表

时间:2017-09-17 13:51:00      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:group   描述   有序列表   pre   ack   行合并   数字   school   blog   

一:表格标签

 

表格描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

二:单元格合并

  1)行合并rowspan

  2)列合并colspan

  

<html>

<body>

<h4>横跨两列的单元格:</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <th colspan="2">电话</th>
</tr>
<tr>
  <td>Bill Gates</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<h4>横跨两行的单元格:</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="2">电话</th>
  <td>555 77 854</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>

</body>

 

三:无序列表

  无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

  无序列表始于 <ul> 标签。每个列表项始于 <li>。

  <ul>
    <li>Coffee</li>
    <li>Milk</li>
  </ul>

四:有序列表

  同样,有序列表也是一列项目,列表项目使用数字进行标记。

  有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

  <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>

html-表格和列表

标签:group   描述   有序列表   pre   ack   行合并   数字   school   blog   

原文地址:http://www.cnblogs.com/lixiang1013/p/7534905.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!