html表格及列表

表格的属性:

border:边框

cellpadding:内边距  单元格边框跟内容之间的间距

cellspacing:外边距  单元格跟单元格之间的距离

align:表格的对其样式

width:宽度

height:高度

bordercolor:边框颜色

cols:columns 列  垂直切割页面

rows:行  水平切割

表格的作用?

1、存放数据

2、页面布局

下面这三个标签的语义化是非常强的

thead  表格的头部

tbody  表格的身体

           1.占比比较大

           2.浏览器会优先加载tbody部分

           3.展示的顺序跟代码的顺序无关

tfoot:定义表格的页脚(脚注或表注)

列表:

1、无序列表:

<ul>
    <li></li>
</ul>

2、有序列表:

<ol>  //order list
    <li></li>
</ol>

3、自定义列表:

<dl>
    <dt></dt>  //dt:define title
    <dd></dd>  //dd:define description
</dl>

dt跟dd的关系:

dd会对dt进行详细的描述

猜你喜欢

转载自www.cnblogs.com/crazier/p/11563317.html