29-HTML-06-HTML(表格标签)
2015-08-11 20:11
309 查看
【表格标签】<table>
组成部分:
(1)标题标签:<caption>,给表格提供标题;
(2)表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用;
(3)行标签:<tr>;
(5)单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中再加入单元格。
【格式】
<table border="1" width="40%" cellpadding=10 cellspacing=10>
<caption>表格标题</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr algin="center">
<td>张三</td>
<td>23</td>
</tr>
</table>
【注】
代码第一行的百分号可以让表格的宽度随浏览器窗口的大小变化;
第一个<tr></tr>封装的是表格第一行数据内容;
第二个<tr></tr>封装的是表格第二行数据内容;
代码第一行border是表格边框粗细;
代码第一行cellpadding是每个单元格中的内容与本单元格之间的距离(内容距本单元格上下左右都是10);
代码第一行cellspacing是单元格与单元格之间的距离;
代码中标签<th>作用是将内容在本单元格中加粗并居中显示;
代码中标签<td>作用是将内容在本单元格中不加粗并居左显示。
组成部分:
(1)标题标签:<caption>,给表格提供标题;
(2)表头标签:<th>,一般对表格的第一行或者第一列进行格式化,就是粗体显示。并不常用;
(3)行标签:<tr>;
(5)单元格标签:<td>,加载行标签的里面。可以简单理解为,先有行,在行中再加入单元格。
【格式】
<table border="1" width="40%" cellpadding=10 cellspacing=10>
<caption>表格标题</caption>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr algin="center">
<td>张三</td>
<td>23</td>
</tr>
</table>
【注】
代码第一行的百分号可以让表格的宽度随浏览器窗口的大小变化;
第一个<tr></tr>封装的是表格第一行数据内容;
第二个<tr></tr>封装的是表格第二行数据内容;
代码第一行border是表格边框粗细;
代码第一行cellpadding是每个单元格中的内容与本单元格之间的距离(内容距本单元格上下左右都是10);
代码第一行cellspacing是单元格与单元格之间的距离;
代码中标签<th>作用是将内容在本单元格中加粗并居中显示;
代码中标签<td>作用是将内容在本单元格中不加粗并居左显示。
相关文章推荐
- 29-HTML-04-HTML(列表标签)
- 29-HTML-05-HTML(图像标签)
- 29-HTML-03-HTML(常用工具)
- 29-HTML-02-HTML(标签的操作思想)
- 29-HTML-01-HTML(概述&演示)
- @html.ActionLink的几种参数格式
- head标签
- HTML W3School 学习笔记
- HTML DOM top属性
- 分享qq音乐api
- HTML <form> 标签的 target 属性
- HTML本地存储localstorage和sessionstorage
- HTML编码
- HTML <div> 标签
- 怎么把一篇pdf转换成html
- HTMLTestRunner测试报告中文乱码问题解决
- web之HTML详解
- html中图片走马灯效果
- html中表格table的内容居中显示
- 在cshtml页面中,以‘@’开始的表达式 表示C#语句,会被编译执行