html标签（表格标签）-小白学习中
html-5
13.表格标签
表格标签主要是为了显示数据。
13.1 主要的框架
<table><tr><td>单元格内的文字</td></tr></table>
(1)<table></table>是用于定义表格的标签
(2)<tr></tr>标签用于定义表格中的行，必须在<table></table>中。
(3)<tb></tb>标签用于定义表格中的单元格，必须在<tr></tr>中。
13.2 表头单元格标签
<th></th>加黑居中
例如
<table><tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr><tr><td>蒙多</td> <td>无</td> <td>456</td></tr><tr><td>提莫</td> <td>男</td> <td>23</td></tr><tr><td>大树</td> <td>无</td> <td>4698</td></tr><tr><td>德玛西亚之力</td> <td>男</td> <td>25</td></tr></table>
结果如下：
| 姓名 | 性别 | 年龄 |
|---|---|---|
| 蒙多 | 无 | 456 |
| 提莫 | 男 | 23 |
| 大树 | 无 | 4698 |
| 德玛西亚之力 | 男 | 25 |
13.3 表格属性（主要用CSS设置）
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left,center,right | 规定表格相对周围元素的对其方式。 |
| border | 1或"" | 规定表格多元是否拥有边框，默认为""，表示没有边框。 |
| callpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认为1像素。 |
| cellspacing | 像素值 | 规定单元格之间的空白，默认2像素。 |
| width | 像素值或百分比 | 规定表格的宽度。 |
13.4 表格结构标签
<thead></thead>标签表示表格的头部。
<tbody></tbody>标签标示表格的主题区域。
13.5 合并单元格
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
这两个都是td的属性。
例如
<table align="center" border="" cellpadding="2" cellspacing="0" width="600"><thead><tr><th>排名</th><th>书名</th><th>字数（万）</th><th>月票</th><th>推荐票（万）</th><th>相关链接</th></tr></thead><tbody></tbody><tr><td>1</td><td>我师兄实在太稳健了</td><td>151</td><td>50000</td><td>251</td><td><a href="https://tieba.baidu.com/f?kw=%E6%88%91%E5%B8%88%E5%85%84%E5%AE%9E%E5%9C%A8%E5%A4%AA%E7%A8%B3%E5%81%A5%E4%BA%86&traceid=" target="_blank">贴吧</a> <a href="../图片/08-1.jpg" target="_blank">图片</a> <a href="https://baike.sogou.com/v184248122.htm?fromTitle=%E6%88%91%E5%B8%88%E5%85%84%E5%AE%9E%E5%9C%A8%E5%A4%AA%E7%A8%B3%E5%81%A5%E4%BA%86" target="_blank">百科</a></td></tr><tr><td>2</td><td>超神制卡师</td><td>285</td><td>2318</td><td>121</td><td><a href="https://tieba.baidu.com/f?kw=%E8%B6%85%E7%A5%9E%E5%88%B6%E5%8D%A1%E5%B8%88" target="_blank">贴吧</a> <a href="../图片/08-2.jpg" target="_blank">图片</a> <a href="https://baike.sogou.com/v176515812.htm?fromTitle=%E8%B6%85%E7%A5%9E%E5%88%B6%E5%8D%A1%E5%B8%88" target="_blank">百科</a></td></tr><tr><td>3</td><td>明朝败家子</td><td>542</td><td>906</td><td>420</td><td><a href="https://tieba.baidu.com/f?kw=%C3%F7%B3%AF%B0%DC%BC%D2%D7%D3" target="_blank">贴吧</a> <a href="../图片/08-3.jpg" target="_blank">图片</a> <a href="https://baike.sogou.com/v178223083.htm?fromTitle=%E6%98%8E%E6%9C%9D%E8%B4%A5%E5%AE%B6%E5%AD%90" target="_blank">百科</a></td></tr><tr><td>4</td><td>西游之大娱乐家</td><td>234</td><td>50</td><td>29</td><td><a href="https://tieba.baidu.com/f?kw=%ce%f7%d3%ce%d6%ae%b4%f3%d3%e9%c0%d6%bc%d2" target="_blank">贴吧</a> <a href="../图片/08-4.jpg" target="_blank">图片</a> <a href="http://book.qq.com/intro.html?bid=AGoENl1jVjMAOlRiATkBbQ" target="_blank">百科</a></td></tr><tr><td>5</td><td>饲养全人类</td><td>241</td><td>4887</td><td>64</td><td><a href="https://tieba.baidu.com/f?kw=%CB%C7%D1%F8%C8%AB%C8%CB%C0%E0" target="_blank">贴吧</a> <a href="../图片/08-5.jpg" target="_blank">图片</a> <a href="https://baike.sogou.com/v185395486.htm?fromTitle=%E9%A5%B2%E5%85%BB%E5%85%A8%E4%BA%BA%E7%B1%BB" target="_blank">百科</a></td></tr><tr><td colspan="5">lll</td></tr></tbody></table>
结果如下：
| 排名 | 书名 | 字数（万） | 月票 | 推荐票（万） | 相关链接 |
|---|---|---|---|---|---|
| 1 | 我师兄实在太稳健了 | 151 | 50000 | 251 | 贴吧 图片 百科 |
| 2 | 超神制卡师 | 285 | 2318 | 121 | 贴吧 图片 百科 |
| 3 | 明朝败家子 | 542 | 906 | 420 | 贴吧 图片 百科 |
| 4 | 西游之大娱乐家 | 234 | 50 | 29 | 贴吧 图片 百科 |
| 5 | 饲养全人类 | 241 | 4887 | 64 | 贴吧 图片 百科 |
| lll | |||||
注：正在跟随bilibili上的pink老师学习，欢迎大家一起来学习。
html标签（表格标签）-小白学习中相关推荐
- python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的 ...
- HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签
文章目录 HTML 字体标签 图片标签 列表标签 链接标签 div span 语义化标签 表格标签 HTML 概念:是最基础的网页开发语言 Hyper text markup language 超文本 ...
- 8.HTML标签-表格标签table
HTML标签-表格标签table 文章目录 HTML标签-表格标签table 一. 表格基础. 1.表格的功能. 2.表格的常用标签. 3.表格的常用属性. 二.代码展示 三.代码效果 一. 表格基础 ...
- 列表标签,表格标签,表单标签
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的 ...
- 华为云前端一阶段HTML入门（常用标签 表格标签 表单）
HTML入门 HTML入门 1.1结构标签 div是块标签,包裹一定区域中的元素,会独自占一行,可以嵌套使用形成父子级关系以及兄弟级关系: span是会在一行中不断加入(内联标签),但当数量过多时也会 ...
- 03.HTML基础-列表标签表格标签
一.列表标签 一.无序列表 - 作用:添加无序列语义- 格式: <ul><li>姚远</li><li>姚近</li><li>姚诚 ...
- html标签（段落标签，换行标签，文本格式化标签和局部标签）-小白学习中
html标签-2 4.段落标签 <p></p> 语义:可以把HTML文档分割成若干段. 特点:文本在一个段落中会根据浏览器窗口的大小自动换行. 段落和段落之间保有空隙. 5.换 ...
- CSS盒子模型-小白学习中
CSS盒子模型 一.盒子模型的概念 一个独立的盒子模型由内容.边框(border).内边距(padding)和外边距(margin)4部分组成. 1.border是设定边框线条,盒子的其他部分是相对b ...
- Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的 ...
最新文章
- PV(page view)
- （更新中）篮球相关英语积累与2020年NBA东部决赛：迈阿密热火与波士顿凯尔特人
- linux建立普通用户命令,Linux普通用户执行特定的命令配置
- 关于PChar(@string)的疑惑
- Linux监控工具介绍系列——smem
- Hadoop分布式集群搭建详细过程
- 解决libreadline.so.6: cannot open shared object file: No such file or directory的问题
- Mybatis逆向工程使用方法
- CSS3中的pointer-events
- 8月| R社区原创作者免费赠书
- Fastjson实用工具类，List转JSONString，List转JSONArray，JSONArray转List，JSONArray转ArrayList，JSONObject转HashMap
- C#通过接口获取税控盘基本信息
- 微机原理-8086CPU
- 简析时间复杂度和空间复杂度
- 反向代理服务器域名解析
- 接入微信SDK 获取用户定位
- Android开发者熬夜也要看完的25本中、高级工程师进阶必看书籍
- 数美科技的智能文本审核能为社交行业带来什么价值 | 数美人工智能研究院
- RabbitMq应用
- 手把手教你一项Python爬虫接单（技术+渠道）