sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > HTML中table表格标签的基础学习教程

HTML中table表格标签的基础学习教程

作者:xuhongji发布时间:2020-09-10分类:Html浏览:35评论:0


导读:用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下表格的标...
用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下

表格的标签组成
HTML中的表格是由

为主体标签,浏览器会将该标签解释为一个表格。表格中的行使用标签进行定义。标签为
标签的子类,设置若干个标签可以将表格分割为若干个行。标签的子类,因此每个行都需要设置相应数量的、 和 很少被用到,这是由于浏览器对它们的支持不太好。

表格和边框属性
表格自身可以定义border属性来决定表格边框的宽度,该属性的值默认是以数字单位进行显示,例如border=”1″该值的单位为px。注意,不要在border的数值后面加上任何单位,否该值无法正确识别。

表格的表头
标签用于定义表格的列,标签为又是
标签来分割列,形成一个完整的表格。
表格的标签组合关系为:

我是单元格1 我是单元格2

表格中可以插入文本、图片、列表、段落、表单、水平线等任何html标签,甚至可以用来做页面布局。但是table布局存在代码冗余过长、不符合HTML规范、搜索引擎不友好等问题。因此建议大家尽量不要使用table进行页面布局,除非页面中确实需要一张表格。
剩下的

中可以通过标签属于平级,并且表头一般出现在标签的前面。对于一个表格来说,表头并不是必须的,可以根据需要插入表头。
标签设置表头,表头的标签与
标签内的文字会被自动加粗。

单元格的合并
单元格的合并分为垂直合并与水平合并,在合并时需要确定其他行与列中是否有对应数量的单元格。
水平合并单元格使用colspan属性,其值是用数字的形式确定需要合并的单元格数量,例如colspan=”2″即代表向右合并两个单元格。
垂直合并单元格使用rowspan属性,与水平合并的属性相同,同样也是以数字形式确定需要合并的单元格数量,例如rowspan=”2″代表向下合并两个单元格。
实例演示代码:

姓名 电话
Bill Gates 555 77 854 555 77 855

横跨两行的单元格:

姓名 Bill Gates
电话 555 77 854
555 77 855

实例演示效果:

顺便说一句,为了加快表格显示,最好事先就在CSS(或者table标签的width和height属性)中指定表格的宽度和高度。

更多HTML中table表格标签的基础学习教程相关文章请关注HTML中文网!


欢迎 发表评论:

Html排行
«   2021年1月   »
123
45678910
11121314151617
18192021222324
25262728293031
标签列表
网站分类
文章归档
最近发表
推荐文章
  • 欢迎访问我的博客
  •   IP:127.0.0.1
  •   地址:本地
  •   系统:Windows10
  •   浏览器:Chrome47