HTML的表格标记

一.表格标记

功能:建立基本表格。

格式:<table bgcolor ='color1'

background='image-url' border='n'

bordercolor='color2' width='x' height='y' align='left/right/center'

cellspacing='i' cellpadding='j'>

<caption>表格标题</caption>

<tr> <th>表头1</th><th>表头2</th>............<th>表头n</th> </tr>

<tr> <td>表项1</td><td>表项2</td>................<td>表项n</td> </tr>

<tr> <td>表项1</td><td>表项2</td>..............<td>表项n</td></tr>

属性如下:

<table></table>标记对用来创建一个表格。

1️⃣bgcolor:设置表格颜色

2️⃣background:设置表格的背景图像

3️⃣border:设置表格线的粗细。

4️⃣bordercolor:设置表格边框的颜色。

5️⃣width和height:设置表格宽度和高度。

6️⃣align:设置表格在页面中的相对位置

7️⃣cellspacing:设置相邻单元格之间,单元格和边框之间的间距。

8️⃣cellpadding:设置单元格中的内容到单元格边框之间的距离。

属性如下

1️⃣:<caption>....</caption>用来为表格添加标题

2️⃣:<tr>.....<tr>用来定义行

3️⃣:<th>..</th>用来设置表格头,表头的每一列需用一个<th>标记,通常是黑体居中文字。

4️⃣:<td>.....</td>用来定义表格内容的一列,与<th>的区别是内容不加黑显示。

说明:

        (1)<table>中bgcolor,background,align,height,width等属性可以放在td标记中,作为单元格的属性。        

        (2)一行的开始表示前一行的结束,一列的开始表示前一列的结束,所以<tr>,<th>,<td>均可以作为单标记使用。

         (3)<th>标记还可以用于每一行的第一列,设置列标题。

         (4)<caption>,<th>,<td>标记之间可以嵌套其他格式标记,如<p>        <font>

           (5)表格可以嵌套,通过表格嵌套可以产生复杂的表格。

         (6)单元格内容可以是文字,图像等其他网页元素

         (7)表格内网页元素的对齐方式默认居于单元格的左端。水平对齐用标记<th>,<td>和<tr>的valign属性,valign的属性分别为:top(靠单元格顶),bottom(靠单元格底),middle(靠单元格中)或baseline(相对于基线对齐)

         (8)<tr>,<th>和<td>还可以使用rowspan和colspan属性实现单元格的合并。Rowspan用于设置一个表格单元格跨占得行数(默认值为1);colspan用于设置一个表格单元格跨占得列树。

表格标记的应用:

 表格标记的应用:页面加了一个背景图片<body background='4.gif'>,做了一个五行七列的表格。

 表格标记单元格合并属性的应用

        做了一个五行五列的表格,将第一行的第二列和第三列进行了合并,第四列和第五列进行了合并;将第一列的的第二行和第三行进行了合并,第一列的第四行和第五行进行了合并如图所示。

 二,HTML综合实例

 

 

 

  • 18
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳光少年.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值