html带颜色表格怎么做,使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作...

行颜色设置的简便方法

3ef84e6fc6e5

使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作

昨天我们在《使用HTML添加表格3(间距与颜色)——零基础自学网页制作》(目录在结尾)中学习了设置单元格以及其中内容的空间间距和背景颜色。

其中添加列向单元格背景颜色只需要修改对应的

标签中的style属性,而修改行向标签需要修改不同标签中的标签的style属性,这样操作起来就非常的麻烦,那有没有简便的修改行向单元格背景颜色的方法呢?

当然有!

开发团队给出了

这样的组合来解决这个问题,下面让我们详细学习。标签是一个给行向单元格打组的标签,在页面中不会显示。标签是来具体设置行向单元格数量和颜色的标签。

示例代码如下:

这段代码添加到"第一个页面.html"当中就可以,具体代码如下:

第一个网页

第一个网页


表格元素


表格标题
表格的头部信息
表格的脚部信息
姓名年龄
一列一行一列二行
二列一行二列二行

页面效果如图:

3ef84e6fc6e5

使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作

因为第一列和最后一列只有一行所以,也都变红了。

其中span的数量代表行数。

如果把span等号后面的数改成2,因为表格只有两行,所以整个表格都红了。

表格嵌套

我们可以通过向表格中添加表格实现表格嵌套。表格嵌套可以把一个单元格分成行向或列向分割单元格。

代码示例如下:我们把"一列一行"分割成列向两个单元格。

12

使用

12

这段代码替换文字"一列一行"即可。

页面效果如图所示:

3ef84e6fc6e5

使用HTML添加表格4(行颜色与表格嵌套)——零基础自学网页制作

留个思考题,大家可以思考一下行向分割单元格怎么写。

今天的内容结束了。

全部示例代码如下:

第一个网页

第一个网页


表格元素


表格标题
表格的头部信息
表格的脚部信息
姓名年龄
12
一列二行
二列一行二列二行

喜欢的小伙伴请关注我,阅读中遇到任何问题请给我留言,如有疏漏或错误欢迎大家斧正,不胜感激!

学到这里,相信大家已经有独立读懂HTML代码说明的能力了,明天我会为大家讲解16进制颜色表示方法。之后会给大家推荐html代码参考手册的链接。如果您是零基础的话,学完16进制颜色表示方法后,基本上就可以无障碍的阅读html代码参考手册了,如果阅读起来还是有困难,请继续看后面我为大家讲解一些常用元素及属性的文章,已及html中特殊符号的输入方法,全部做完后再结束这套教程。

如果您有任何疑问或不解欢迎关注并私信我。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值