29-HTML-06-HTML(表格标签)
来源:互联网 发布:网络美术培训哪个好 编辑:程序博客网 时间:2024/06/08 15:20
【表格标签】<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>作用是将内容在本单元格中不加粗并居左显示。
0 0
- 29-HTML-06-HTML(表格标签)
- 29-HTML-07-HTML(表格标签_2)
- 标签定义 HTML 表格。
- html常用标签:表格
- HTML - 表格标签
- HTML 表格标签
- html表格标签详解
- html表格标签
- HTML 表格标签
- HTML表格标签
- HTML-表格标签
- HTML表格标签
- HTML表格标签
- HTML表格标签
- html表格标签
- html表格标签使用
- Html手记:表格标签
- HTML-表格标签
- OGC之路(1) 之 WMS标准学习总结
- nginx源码分析2———基础数据结构四(ngx_hash_t)
- 权限逻辑分析
- 如何制作一个ASP.NETMVC4信息发布网站
- SuperSocket框架学习笔记1-启动服务器
- 29-HTML-06-HTML(表格标签)
- SuperSocket框架学习笔记2-构建SuperWebSocket服务器程序
- SuperSocket框架学习笔记3-构建Unity3D__WebSocket4Net客户端程序
- Android-SD卡文件夹创建和删除实现
- Unity3D碰撞后去掉相互之间的反弹力
- GoLang入门1-安装-配置
- GoLang入门2-GOPATH与工作空间
- GoLang入门3-应用目录结构
- GoLang入门4-编译应用mymath测试