HTML教程:<TH>与<TD>的区别与使用
需积分: 3 80 浏览量
更新于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标签,对于创建和布局网页至关重要。正确使用这些标签能够帮助开发者构建出清晰、易读且具有良好用户体验的网页。
2022-07-10 上传
2022-08-04 上传
2017-03-14 上传
2023-07-23 上传
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 |
2023-05-25 上传
<!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> <label for="room-id">ID:</label> <input type="number" id="room-id" required>
<label for="room-type">类型:</label> <input type="text" id="room-type" required>
<label for="room-price">价格:</label> <input type="number" id="room-price" required>
<button type="submit">添加</button> </form> 2023-05-24 上传
<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> |
2023-07-13 上传
2023-07-25 上传
2024-05-29 上传