HTML表格在HTML网页中的利用是十分宽泛的,也是至关重要的,所以,接下来的这篇文章我给大家分享了总结的HTML表格10种根本属性,下面我们来离别看一看这10种表格属性的介绍以及概括的代码。
HTML表格属性设定在HTML网页中的利用是十分宽泛的,也是至关重要的,所以,接下来的这篇文章我给大家分享了总结的HTML表格10种根本属性,下面我们来离别看一看这10种表格属性的介绍以及概括的代码。
1、HTML table属性
用来定义HTML的表格,拥有当地属性 border 表示边框,border属性的值必需为1或空字符串("")。该属性不会控制边框的样式,而是由CSS来控制
table元素可以有tr,th,td,thead,tbody,tfoot,colgroup元素
table标签的根本属性如下:
border:可以的取值为1和0,1代表有边框,0代表没有边框。
bordercolor:可以设定边框的色彩,值为色彩值。
bgcolor:设定表格的配景色彩
background:设定配景图片
2、html tr属性用来定义表格的一行。因为HTML表格是面向行的,所以必需离别表示每一行
tr元素可以在table,thead,tbody和tfoot元素内运用
tr元素内可以包括一个或者多个td或th元素
它的align,bgcolor等属性已过时,要是要设定属性,请运用CSS设定
3、HTML td属性 用来定义表格单元格,可以同colspan,rowspan,headers部分属性运用 (1)colspan: 列跨度,该属性规定了单元格可横跨的列数,该属性的值必需是整数 (2)rowspan:行跨度,该属性规定了单元格可横跨的行数,该属性的值必需是整数 (3)headers:该属性的值是一个或多个单元的ID属性值,将单元格与列标题相干联,可用于运用屏幕浏览器 注意:每个表格必需包括以上三个元素
4、html th属性 用来定义标题单元格,使我们有效区分数据及其描述 它同 | 元素拥有雷同的部分属性,两者有如下区别: | 是表示头标志,平常位于首行或者首列。并且 | 中的文字默许会被加粗,而 | 是不会的 | 是数据标志,表示单元格的概括的数据 valign属性可以设定th和td,可以取值Top或者Bottom。 callpadding:内容与单元格边框的间距 cellspacing:防止文本超出边框 要是要使单元格实现跨行或者跨列功能,运用属性colspan和rowspan. 5、HTML thead属性 用来定义表格的页眉,表头的包装器。可以定义一行或多行,这些行是 table 元素的列标签 没有thead元素,所有的tr被假定为属于表的主体
6、HTML tbody属性 用来定义表格的主体
7、HTML tfoot属性 用来定义标志表格的页足 注意:
、 标签内部必需具有 标签和 标签无论放在
标签内的哪个位置,都会被离别定为到表格的头部和底部。可以涌现在或以前或之后。在html5以前, 元素必需涌现在元素以前,在html5中,可以将元素放在或最后一个元素背面
8、html colgroup属性 用来定义表列组,可以运用其来将样式利用于某个列,固然也可以运用下面要说的col元素 拥有部分属性 span 的 表示列组应当横跨的列数。默许是一列,即对表格的一列设定样式 可以包括一个或多个 元素9、HTML col属性 用来表示表单个列,倡议运用 包裹元素而不是直接设定span属性定义组 也拥有部分属性span 放在的元素内部,的咩哥实例表示组中的一列。运用该标签可以将样式利用于列的组和该组的单个列10、html caption属性 用来定义表格的标题,每个表中只能包括一个 元素
11、实例代码:
表格示例
标题1 |
标题2 |
标题3 |
左 |
中 |
右 |
top |
center |
bottom |
运转效果: 单元格跨行
单元格的跨行
姓名 |
电话 |
百分百源码网 |
123456 654321 |
运转效果: 单元格跨列
单元格跨列
姓名 |
电话 |
百分百源码网 |
123456 |
654231 |
运转效果:
打赏
打赏
扫码打赏,你说多少就多少
打开支付宝扫一扫,即可进行扫码打赏哦
百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!
| |