h5中table标签的使用

table标签是用来显示表格的标签
table标签的大致格式如下

<table><tr><td></td></tr>
</table>

其中，tr代表行，td代表列，具体如下图所示

如果缺少一个单元格会是什么样？

这会使整个表格看起来不那么美观。
该怎么解决这个办法呢？
我们可以使用colspan和rowspan来合并单元格，colspan用来合并列，rowspan用来合并行。
上图所示，第三行的第二列缺失一块单元格，我们可以合并第三行的第一第二列为一个单元格，这时我们应该使用colspan。

<table border="1"><tr><td>1</td><td>4</td></tr><tr><td>2</td><td>5</td></tr><tr ><td colspan="2">3</td></tr>
</table>

效果如下

我们也可以将第二行的第二列与第三行的第二列合并

代码如下

<table border="1"><tr><td>1</td><td>4</td></tr><tr><td>2</td><td rowspan="2">5</td></tr><tr ><td >3</td></tr>
</table>

h5中table标签的使用相关推荐

css中table标签详解(一)
css中table标签详解(一) 什么是table标签,以及table标签的组成? 不叨叨,直接上代码 <table><tr><td></td>< ...
html当中的属性cellspacing,html中table标签之cellspacing属性的作用
html中table标签之cellspacing属性的作用发布时间:2020-12-05 10:11:23 来源:亿速云阅读:60 作者:小新这篇文章给大家分享的是有关html中table标签之 ...
html中table标签、tr标签、th标签、td标签的基础知识
html中table标签.tr标签.th标签.td标签的基础知识表格的结构表格的基本标签表格标签的基本属性 table标签的基本属性 tr标签的基本属性 th和td标签的基本属性表格高级样式设 ...
HTML中Table标签的属性及应用
我们如何使用table表格: 定义表格:<table></table> 创建表头:<th></th> 创建表行:<tr></tr> ...
html中table标签及属性
table表格 HTML表格由table标签以及多个tr.th和td标签组成 table表示表格,整个表格要包含在<table></table>标签中 tr表示表格中的行,是单 ...
html中table标签用法
1.<table> <table> 标签定义 HTML 表格. 简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行 ...
html中table标签及其它标签居中
1.style=" margin:auto" 使用margin外边距属性,让其上下左右自动均分剩余空间,就会使其标签居中显示例如table标签: <table border ...
20180227：关于HTML中table标签中合并单元格时遇到的问题
今天在初次学习HTML的时候,便在table标签的使用上遇到了个问题,就是在合并单元格时发现单元格的合并显示之后并没有按自己所想的那样显示,具体问题也描述不出来,通过代码和实例来记录一下这个烦人的问题 ...
html5video标签属性,H5中video标签那些属性和方法
前言最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src:视频的U ...

h5中table标签的使用

h5中table标签的使用相关推荐

最新文章

热门文章