HTML5表格的设置

在HTML5加入表格，有下列3个步骤：

设置表格、设置行的数目、设置列的数目；

设置表格：

<table border=”1”>...</table>: 设置了一个表格，显示表格的边框；border为设置是否显示边框，0表示不显示边框

设置行的数目：

<tr>...</tr>:放在<table>内

设置列的数目：

<td>...</td>:文字就是写入这里面

<caption>...</caption>设置表格的标题

<thead>

<tr>

</tr>

</thead>

设置列的标题，可以有多个标题；

Nowrap ：表格文字太长时，不自动换行而是增长表格的列的长度，默认是换行的；

合并左右列：

<td colspan=”2”> :合并左右两个列的格；

合并上下行：

<td rowspan=”2”>合并上下两行的表格

当表格没有内容时，单元格的边框会消失，这时输入一个全角空格或“ ”就是解决了

<!DOCTYPE html>
<html lang="zh-cn">
<head><meta charset="UTF-8"><title>表格的设置</title>
</head>
<body><table border="1"><caption>季销售量统计表</caption><thead><tr><th>季别</th><th>产品名称</th><th>价格</th><th>销售量</th></tr></thead><tbody><tr><td>第一季</td><td>电视</td><td>1800</td><td>10</td></tr><tr><td>第二季</td><td>电冰箱</td><td>1800</td><td>10</td></tr><tr><td> </td><td>左</td><td>右</td></tr><tr><td>上</td><td colspan="2" rowspan="2"> </td></tr><tr><td>下</td></tr></tbody></table>
</body>
</html>

HTML5表格的设置相关推荐

HTML5网页设计阶梯教程（4）——创建表格和设置单元格的大小
上一章我讲了图片的插入和文字编辑,这一章,我讲一下如何创建表格和设置单元格的大小: 首先,先认识用于创建表格的标记: 下面展示一段在网页中插入三行三列表格的代码: 上述代码中的border标记表示表格 ...
html5中制作表格,(html5表格的制作.doc
(html5表格的制作教学项目五 HTML中表格的制作 [教学内容] 讲解HTML中制作表格的标志 [教学目的] 使学生掌握简单表格的制作 [教学重点] 表格中单元格的合并操作 [教学难点] 理解属 ...
怎么用html5制作申请表,html-5 表格的制作
<html-5 表格的制作>由会员分享,可在线阅读,更多相关<html-5 表格的制作(6页珍藏版)>请在人人文库网上搜索. 1.教学项目五 HTML中表格的制作[教学内容]讲 ...
HTML5 表格元素
HTML5 表格元素要点: 表格元素汇总表格元素解析表格就是使用网格的形式来显示二维数据的. 表格元素总汇表格至少包含三个元素:<table>.<tr>.< ...
html支持的语音文件格式,html5中如何设置audio支持音频格式
html5中如何设置audio支持音频格式发布时间:2020-04-15 10:24:37 来源:亿速云阅读:367 作者:小新今天小编给大家分享的是html5中如何设置audio支持音频格式, ...
java怎么让表格的字段相乘,excel表格怎么让数据相乘-如何在excel表格中设置乘法公式...
EXCEL里的表格使两列自动相乘怎么设置? 在你需要得出结果的那个单元格,输入"＝",再点击你需要相乘的第一个单元格,再输入"*",再点击你需要相乘的第二个单元 ...
alert中添加表格_Excel设置表格边框的几种方法，还有自动添加边框哟
我们在日常工作中,使用Excel制作表格的,最后都要加上边框,打印时才会达到表格的要求,今天小编教大家快速给表格添加边框的方法,有一种是自动添加哟! 方法一: 利用功能选项卡按钮,这应该是大家经常用的 ...
表格大小设置_系统地学习Excel第18课，设置单元格字体格式
上一篇:系统地学习Excel第17课,设置单元格格式本篇内容结构如下: 本篇在章节中的位置单元格字体格式包括字体.字号.字形.颜色等.Excel中文版默认单元格: 字体为[宋体]或[等线]: 字号 ...
HTML5画布如何设置线的样式？
在画布中,默认线的颜色为黑色,宽度为1像素,但我们可以使用相应的方法为线添加不同的样式.下面将从宽度.描边颜色.端点形状三方面详细讲解线样式的设置方法. 1.宽度使用画布中的lineWidth属性可 ...

HTML5表格的设置

HTML5表格的设置相关推荐

最新文章

热门文章