在网页中创建表格（1）

菜鸟报到，请多指教。

> 以下是我的学习笔记

● 所需标记符简介

● 表格-代码示例

1 表格的基本元素构成

（1）table 标记符

表格内的所有内容都应该位于其中

（2）caption 标记符

描述表格的标题，自己选择使用与否，直接位于<table>之后

（3） tr 标记符【table row】

定义表格的行，每一行对应着一个 tr 标记符，相应内容位于其中

（4）td 和 th 标记符【table body/descrition】【table header】

在表格的每一行中，每个单元格，都对应一个 td 标记符或者 th 标记符

两者唯一不同之处在于

td 表示普通表格数据，th 表示表格的行列标题数据（表头）

2-1 简单规则表格示例

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>caption{font:36px 楷体;text-align: left;}</style></head><body><table border="1"><caption>小表格</caption><tr><th>/</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th></tr><tr><th>第1</th><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr><tr><th>第2</th><td></td><td></td><td></td><td></td><td></td></tr><tr><th>第3</th><td></td><td></td><td></td><td></td><td></td></tr></table></body>
</html>

2-2 不规则表格示例

单元格的合并

（1）行合并

在 td 和 th 中使用 rowspan 属性

（2）列合并

在 td 和 th 中使用 colspan 属性

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><table border="1"><caption>学生情况表</caption><tr><th rowspan="2">学号</th><th colspan="3">个人信息</th><th colspan="2">入学信息</th></tr><tr><th>姓名</th><th>性别</th><th>年龄</th><th>班级</th><th>入学年月</th></tr><tr><td>001</td><td>张三</td><td>男</td><td>25</td><td>211</td><td>2020-9-1</td></tr><tr><td>002</td><td>李四</td><td>男</td><td>25</td><td>211</td><td>2020-9-1</td></tr></table></body>
</html>

在网页中创建表格（1）相关推荐

WEB前端之网页设计③----最新最全详解/如何在网页上创建表格
WEB前端之网页设计③--最新最全详解/如何在网页上创建表格一.表格效果图1: <table border="0px" cellspacing="1px" ...
极速系列04—python批量获取word/PDF/网页中的表格
这里写目录标题 1 python批量获取word中的表格目的: 1.1 简介 1.2 读取word文档内容方法一方法二 2 python批量获取PDF中的表格目的: 2.1 简介 2.2 读取 ...
网页中设定表格边框的厚度的属性_网页设计与开发第6章试卷及答案资料
网页设计与开发第6章试卷及答案资料网页设计与开发第6章试卷一. 选择题1)在HTML文件中,可以让表格显示边框线,例如table border5,5代表边框线的粗细,它的单位是 .Acm Bpixe ...
第6章数据结构化与数据存储（6.1数据结构化神器——pandas库，读取网页中的表格数据）
通过pandas库可以方便地爬取网页中的表格数据,对数据进行结构化处理,并导出为Excel工作簿等文件. 6.1.1用read_html()函数快速爬取网页表格数据使用pandas库中的read_h ...
C# 如何在PDF文档中创建表格
表格能够直观的传达数据信息,使信息显得条理化,便于阅读同时也利于管理.那在PDF类型的文档中如何来添加表格并且对表格进行格式化操作呢?使用常规方法直接在PDF中添加表格行不通,那我们可以在借助第三方组 ...
html批量导入excel表格,html 导入excel表格数据格式-如何将网页中的表格快速复制到EXCEL中...
html读取本地excel文件并展示我们打开上的一个包含表格内容的页点击菜单栏-文件-另存为. 弹出选择保存路径,将保存类型选为"htm 或Html格式". 在计算机上新建一个E ...
复制网页中的表格格式后导入到excel、markdown、数据库、json中，并转换表格格式
复制网页中的表格 (先从第二步开始,如果第二步不行再用这一步)首先在桌面新建一个文本文件(以.txt结尾的文本文件),选中网页的表格后复制,然后粘贴在新建的文本文件中,显示为: S.No. CQL数据 ...
r语言html爬虫,如何用R语言爬取网页中的表格
今天我们要讲怎么样用R写一个小的爬虫,来爬取网页中的表格.这里的网页指html页面.稍微百度一下大家就可以知道,html是一种高度结构化的文本标记语言.html表格所用的标签是 . 所以我们的思路大概 ...
在网页中创建自己的调试控制台
在网页中创建自己的调试控制台 <html><head><title>caller</title><script type="text/j ...
html粘贴excel表格,如何将网页中的表格快速复制到EXCEL中|
如何把htm文件转换为excel文件? 把htm文件转换为excel文件作方法和为: 1.第一步,将htm格式的数据到excel文件中,然后进入下一步,图. 2.第二步,单击以打开左上角的" ...

在网页中创建表格（1）

在网页中创建表格（1）相关推荐

最新文章

热门文章