HTML表格10种基本属性的示例

1,简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 　　2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证只 　　 　　 　　3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 　　 　　 　　4通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

HTML表格属性设置在HTML网页中的应用是十分广泛的,也是至关重要的,所以,接下来我们来分别看一看10种表格属性的介绍以及具体的代码。

<强> 1,HTML表属性& lt; table>

用来定义HTML的表格,具有本地属性边界表示边框,边境属性的值必须为1或空字符串(“”)。该属性不会控制边框的样式,而是由CSS来控制

表元素可以有tr, th, td, thead,身体,tfoot, colgroup元指定表格中素

表标签的基本属性如下:

边界:可以的取值为1和0,1代表有边框,0代表没有边框。

bordercolor:可以设置边框的颜色,值为颜色值。

告诉我们:设置表格的背景颜色

背景:设置背景图片

<强> 2,HTML tr属性& lt; tr>

用来定义表格的一行,由于HTML表格是面向行的,所以必须分别表示每一行

tr元素可以在表,thead,身体和tfoot元素内使用

tr元素内可以包含一个或者多个td或th元素

它的对齐,背景等属性已过时,如果要设置属性,请使用CSS设置

<强> 3,HTML td属性& lt; td>

用来定义表格单元格,可以同colspan,行宽,头局部属性使用

(1) colspan:列跨度,该属性规定了单元格可横跨的列数,该属性的值必须是整数

(2)行宽:行跨度,该属性规定了单元格可横跨的行数,该属性的值必须是整数

(3)标题:该属性的值是一个或多个单元的ID属性值,将单元格与列标题相关联,可用于使用屏幕阅读器

注意:每个表格必须包含以上三个元素

<强> 4,HTML th属性& lt; th>

用来定义标题单元格,使我们有效区分数据及其描述

它同& lt; td>元素具有相同的局部属性,两者有如下区别:

& lt; th>是表示头标记,通常位于首行或者首列。而且& lt; th>中的文字默认会被加粗,而& lt; td>是不会的

& lt; td>是数据标记,表示单元格的具体的数据

valign属性可以设置th和td,可以取值最高或者。

callpadding:内容与单元格边框的间距

单元格间距:防止文本超出边框

如果要使单元格实现跨行或者跨列功能,使用属性colspan和行宽。

<强> 5,HTML thead属性& lt; thead>

用来定义表格的页眉,表头的包装器。可以定义一行或多行,这些行是表元素的列标签

没有thead元素,所有的tr被假定为属于表的主体

<强> 6,HTML tbody属性& lt; tbody>

用来定义表格的主体

<强> 7,HTML tfoot属性& lt; tfoot>

用来定义标记表格的页脚

注意:

& lt; thead>, & lt; tfoot>标签内部必须拥有& lt; tr>标签

& lt; thead>和& lt; tfoot>标签不管放在& lt; table> 　　 　　标签内的哪个位置,都会被分别定为到表格的头部和底部。

& lt; tfoot>可以出现在& lt; tbody>或& lt; tr>之前或之后。

在html5之前,& lt; tfoot>元素必须出现在& lt; tbody>元素之前,在html5中,可以将& lt; tfoot>元素放在& lt; tbody>或最后一个& lt; tr>元素后面<强>

<强> 8,html colgroup属指定表格中性& lt; colgroup>

用来定义表列组,可以使用其来将样式应用于某个列,当然也可以使用下面要说的坳元素

具有局部属性跨度的& lt; colgroup>表示列组应该横跨的列数。默认是一列,即对表格的一列设置样式

& lt; colgroup>可以包含一个或多个& lt; col>元素

<强> 9,HTML坳属性& lt; col>

用来表示表单个列,建议使用& lt; colgroup>包裹& lt; col>元素而不是& lt; colgroup>直接设置跨度属性定义组

HTML表格10种基本属性的示例