分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

html-表格和列表

发布时间:2023-09-06 01:11责任编辑:彭小芳关键词:暂无标签

一:表格标签

 

表格描述
<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-表格和列表

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved