HTML教程：<TH>与<TD>的区别与使用

需积分: 3 196 浏览量更新于2024-07-12 收藏 366KB PPT 举报

"HTML标签教程，特别是<TH>与<TD>的使用" 在HTML中，表格是数据展示的重要工具，而<TH>和<TD>是构建表格的基础元素。它们都用于定义表格中的单元格，但<TH>和<TD>在功能和表现上存在差异。 <TH>标签，全称Table Header，主要用于创建表格的表头单元格。表头单元格中的内容通常以粗体显示，这使得表格的列标题更加突出，便于用户快速识别和理解表格的结构。此外，表头单元格还有默认的居中对齐和垂直居中样式，区别于普通的<td>单元格。当表格的第一列或第一行需要设置为表头时，使用<TH>代替<TD>即可。如果需要<TD>单元格呈现<TH>的效果，可以在<TD>内添加<B>标签来实现文字加粗。 <TD>标签，全称Table Data，是用于创建表格中常规数据单元格的。这些单元格通常用于存储表格内的具体信息，它们的默认样式是正常字体和左对齐。如果需要改变<TD>单元格的样式，比如加粗文字，可以使用CSS样式或者直接在内容中加入<B>标签。 HTML是一种超文本标记语言，它通过一系列的标签来定义网页的结构和样式。HTML标记一般由"<"和">"包围，标记名与"<"之间不应有空格。某些标记需要参数，例如<font>标签可以设置字体大小，参数写在起始标记内。每个起始标记都有对应的终结标记，如</font>，但有些标记如<br>是空标记，不需要终结标记，它用来强制换行。 HTML语言分为围堵标记和空标记两类。围堵标记如<b>和<p>，它们需要起始和终结标记来包裹内容，以实现特定的样式或功能。而空标记如<br>和<img>，它们只包含起始标记，用于插入换行或图像等简单操作，不需要终结标记。 HTML标记一览中，包括了基本的文件结构标记如<HTML>, <HEAD>, <TITLE>, 和<BODY>，以及排版标记如<P>和<BR>。<HTML>标记定义整个文件为HTML文档；<HEAD>包含文档的元信息，如<title>定义的页面标题；<BODY>则包含实际的页面内容。<P>标记用于创建段落，而<BR>则用于换行，使得文本按行显示。了解并熟练掌握<TH>、<TD>以及其它HTML标签，对于创建和布局网页至关重要。正确使用这些标签能够帮助开发者构建出清晰、易读且具有良好用户体验的网页。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格</title> <link rel="stylesheet" href="../css/表格.css"> </head> <body>

姓名学号班级专业辅导员

贾天森 20202508210214 20软件工程2班软件工程刘艺

</body> </html>如何让此表格居中显示

姓名	学号	班级	专业	辅导员
贾天森	20202508210214	20软件工程2班	软件工程	刘艺

2023-07-23 上传

或者，你也可以直接在`<table>`标签中添加style属性，将样式直接应用于该表格： ```html <table class="cla" border="1px" width="600px" cellspacing="0" style="margin-left:auto; margin-right:auto;"> ``` ...

import retext = """

期号开奖号码总和

2023058 10 17 22 26 30 33 + 11 × × × × × × × × × × 0

2023059 24 10 26 31 12 33 24 08 31 24

正确次数 4 3 7 2 9 3 4 5 3 6

错误次数 16 17 13 18 11 17 16 15 17 14

当前连对 0 0 0 0 0 0 0 0 0 0

当前连错 1 4 2 4 1 7 1 2 13 3

最大连对 2 1 3 1 2 1 2 2 2 2

最大连错 9 7 4 12 3 7 7 4 13 3

期号	开奖号码	总和
2023058	10 17 22 26 30 33 + 11	×	×	×	×	×	×	×	×	×	×	0
2023059		24	10	26	31	12	33	24	08	31	24
正确次数	4	3	7	2	9	3	4	5	3	6
错误次数	16	17	13	18	11	17	16	15	17	14
当前连对	0	0	0	0	0	0	0	0	0	0
当前连错	1	4	2	4	1	7	1	2	13	3
最大连对	2	1	3	1	2	1	2	2	2	2
最大连错	9	7	4	12	3	7	7	4	13	3

2023-05-25 上传

可能是因为你的正则表达式中只匹配了包含`class="new"`的`<tr>`标签，而在这个HTML代码片段中只有一个`<tr class="new">`标签。你可以尝试修改正则表达式，匹配所有的`<tr>`标签，例如： ``` pattern = re.compile...

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>酒店管理系统</title> <link rel="stylesheet" href="style.css"> </head> <body>

酒店管理系统

<main>

酒店客房管理

ID	类型	价格	编辑
1	单人房	¥200	<button class="edit-btn">编辑</button>
2	双人房	¥300	<button class="edit-btn">编辑</button>
3	豪华房	¥500	<button class="edit-btn">编辑</button>

添加客房

<form>

</main> <script src="script.js"></script> </body> </html>给代码逐行加上注释

2023-05-24 上传

<td><button class="edit-btn">编辑</button></td>  </tr> <tr> <td>2</td> <td>双人房</td> <td>¥300</td> <td><button class="edit-btn">编辑</button></td> </tr>...

<c:forEach items="${list3}" var="apply" varStatus="status"> </c:forEach>

<button onclick="exportAsImage()">导出为图片</button>

序号课程代码课程名称授课教师教师账号审批结果操作
${status.index + 1} ${apply.coursecode} ${apply.coursename} ${apply.tname} ${apply.tid} ${apply.result} <button class="button" onclick="check('${apply.aid}')">查看</button>
分析一下这段代码

<button onclick="exportAsImage()">导出为图片</button>
序号	课程代码	课程名称	授课教师	教师账号	审批结果	操作
${status.index + 1}	${apply.coursecode}	${apply.coursename}	${apply.tname}	${apply.tid}	${apply.result}	<button class="button" onclick="check('${apply.aid}')">查看</button>