表格相关元素

表格是用于排列内容的最佳手段,基本表格是由<table>标签、<tr>标签和<td>标签组成的。

基本表格

基本表格的制作

表格标签是<table>…</table>,表格的其他标签需要在表格的开始标签<label>和结束标签</label>之间才有效

标签含义
<table>表格标签
<tr>行标签
<td>单元格标签

表头的设置

表格中还有一种特殊的单元格,称为表头。表头一般位于表格第一行,以来表示该列的内容类别,用<th>和</th>标签来表示。<th>和<td>标签的使用方法相同,但是<th>标签中的内容是加粗显示的。

表格的高级应用

表格的样式

除基本表格外,表格还可以设置一些基本的样式属性,比如:可以设置表格的宽度、高度、对齐方式、插入图片等

表格的合并

在复杂的表格结构中,有些单元格是跨多个列的,有些单元格是跨多个行的,因而需要对这些单元格进行合并
语法格式如下:<td colspan="跨的行数"><td rowspan="跨的列数">

表格的分组

表格可以使用<colgroup>标签对列进行样式控制,比如,设置单元格的背景颜色、字体大小等
语法格式:

<colgroup>
	<col style="backgroud-color:颜色值">
	<col style="color:颜色值">
<colgroup>

在该语法中,使用<colgroup>标签对表格中的列进行控制,使用<col>标签对具体的列进行控制

border-collapse元素:用来决定表格的边框是分开的还是合并的。在分隔模式下,相邻的单元格都拥有独立的边框。在合并模式下,相邻单元格共享边框。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值