第八课 表格 html5学习3
程序员文章站
2022-04-09 18:54:27
表格用来处理表格式数据的,不是用来布局的。 一、基本语法格式
二、表格注意事项 里只放标签 里可以放所有元素 三、表格属性 在table中设置 boder: 默认border="0 ......
单元格标签 |
表格用来处理表格式数据的,不是用来布局的。
一、基本语法格式
<table>
<tr> 行标签
<td></td> 单元格标签
</tr>
</table>
二、表格注意事项
<tr>里只放<td>标签
<td>里可以放所有元素
三、表格属性 在table中设置
boder: 默认border="0";
cellspacing: 单元格之间的空白距离 默认值为2;
cellpadding: 文字与单元格之间的距离 默认值为1;
width:宽度
height:高度
align: 设置表格在网页中的水平对齐方式 left center right
四、表头标签
表头一般指第一行或第一列
<table>
<tr> 行标签
<th></th> 表头标签
</tr>
</table>
五、表格结构
结构划分<thead>,<tbody> 划分结构,不显示
<table>
<thead> 头部分
<tr> 行标签
<th></th> 表头标签
</tr>
</thead>
<tbody> 主体部分
<tr>
<td></td> 单元格标签
</tr>
</tbody>
</table>
六、浏览器审查html标签元素
检查
七、表格标题标签
<table>
<caption>表格标题</caption>
</table>
八、合并单元格
跨行合并: rowspan 跨列合并: colspan
推荐阅读
-
HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
-
HTML5开发学习(3):本地存储之Web Sql Database(附源码)
-
HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
-
第八课 表格 html5学习3
-
Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本
-
《HTML5与CSS3基础教程》学习笔记 --Three Day_html/css_WEB-ITnose
-
CSS3秘笈第三版涵盖HTML5学习笔记1~5章_html/css_WEB-ITnose
-
HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav
-
想系统学习HTML5和CSS3 请马上将此页保存到收藏夹_html/css_WEB-ITnose
-
HTML5 Canvas学习笔记(3)加载游戏/动画音乐