td和th区别

news/2024/10/18 5:53:09/

Table往往是由一个表格名称再加上一行或多行的表格内容所构成块状结构。表格的每一行
内又由一个或多个表项单元组成,并且表项单元还可以按照行或列的方式结合在一起,成
为一个大的表项单元。
下面我们先来看一个Table实例:
<TABLE BORDER=3 WIDTH="90%">
<CAPTION>A test table with merged cells</CAPTION>
<TR><TH ROWSPAN=2><TH COLSPAN=2>Average
       <TH ROWSPAN=2>other<BR>category<TH>Misc
<TR><TH>height<TH>weight
<TR><TH ALIGN=LEFT>males<TD>1.9<TD>0.003
<TR><TH ALIGN=LEFT ROWSPAN=2>females<TD>1.7<TD>0.002
</TABLE>
1。<TABLE> 表格内容 </TABLE>
一对<TABLE>标记是一个Table结构的最外层,它主要包括三个重要属性。一个是用来表示表格边
框粗细程度的属性BORDER,属性值取整数,如果省略BORDER属性,则表示不加边框。另一个是用
来表示表格宽度的属性WIDTH,其属性可取相对值(由一对 " "号括起来的百分数,表示相对于充
满窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是
"100%"。还有一个属性是CELLPADDING,用来表示每个表项单元的内容与表格边框之间所空开的
距离,用屏幕像素点为单位,缺省值是0。

图7-16 一个Table实例的显示效果
2。<CAPTION> 表格名称 </CAPTION>
在一对<CAPTION>标记中是这张表格的名称信息,它通常被Web浏览器显示在表格上方的中央部位。
3。<TR> 表格当前行的内容
单标记<TR>表示一个新的表格行(Table Row)的开始。
4。<TH> 表项标题内容
    <TD> 表项数据内容
单标记<TH>和<TD>都表示在表格的当前行里产生一个新的表项单元。其中<TH>表示一个
表项标题(Table Header)单元,而<TD>表示一个表项数据(Table Data)单元。Web浏览器
一般把<TH>中的文本用粗体表示。每个表项单元(<TH>或<TD>)都可带有表示横向对齐
方式的属性ALIGN,属性的取值范围主要有LEFT,CENTER,RIGHT等,其中<TH>的缺省值
是ALIGN=CENTER,<TD>的缺省值是ALIGN=LEFT。另外还有表示纵向对齐方式的属性
VALIGN,属性的取值范围主要有TOP,MIDDLE,BOTTOM等,其中<TH>和<TD>的缺
省值都是VALIGN=MIDDLE。
表项单元的一个重要特征就是可以进行横向及纵向地扩展,从而结合成一个大的表项单元。
这是通过属性COLSPAN(按列横向结合)及ROWSPAN(按行纵向结合)来表示的,属性
值取整数,表示结合几个基本表项单元。如上例中的<TH COLSPAN=2>Average,就表示
Average这个表项标题单元要按列横向地将2个基本表项单元结合在一起。
如果要在表格中显示一个空项,也必须写上一个表项单元的标记,来表示占据一定的空间
,如上例中的<TH ROWSPAN=2>后面无任何表项标题的内容,其显示效果就是图7-16
中左上角的空白块。
另一个值得注意的问题是每一行中的表项单元总是从左到右地依次排列,并跳过已经被上一
行ROWSPAN结合掉的基本表项单元。如上例中的<TH>height本应在第2行,第1列的位置,
但由于此单元已经被上一行结合掉,因而只能顺延到第2行,第2列的位置。


http://www.ppmy.cn/news/533589.html

相关文章

Windows页面置换算法与文件操作

实验一 一、实验内容或题目&#xff1a; 随机产生页面访问序列&#xff0c;并实现LRU, FIFO, OPT三种算法进行缺页比较 二、实验目的与要求&#xff1a; 1、编写程序&#xff0c;随机产生页面访问序列&#xff0c;并实现LRU, FIFO, OPT三种算法进行缺页比较。 2、理解三种算…

尚硅谷大数据Flink1.17实战教程-笔记02【Flink部署】

尚硅谷大数据技术-教程-学习路线-笔记汇总表【课程资料下载】视频地址&#xff1a;尚硅谷大数据Flink1.17实战教程从入门到精通_哔哩哔哩_bilibili 尚硅谷大数据Flink1.17实战教程-笔记01【Flink概述、Flink快速上手】尚硅谷大数据Flink1.17实战教程-笔记02【Flink部署】尚硅谷…

小白也会的------新建Python虚拟环境,查看该虚拟环境的路径,将该虚拟环境的所有库和版本号导出到一个 requirements.txt 文件中

我的目录标题 1、新建Python虚拟环境2、查看该虚拟环境的路径3、将该虚拟环境的所有库和版本号导出到一个 requirements.txt 文件中4、如果你只需要将当前虚拟环境中安装的所有库和版本号导出到一个 requirements.txt 文件中&#xff0c;而不需要包括每个库的来源&#xff0c;可…

基于YOLOv8模型+CnOCR识别技术实现汽车车牌识别

目录 第1步:导入库 第2步:训练数据集下载 训练\验证\测试分割 第2步:数据探索 示例图像

有什么平价好用的蓝牙耳机?500内最强蓝牙耳机点评

无线蓝牙耳机早已取代有线耳机在人们心目中的地位。无线蓝牙耳机的使用非常方便&#xff0c;不仅不会被有线耳机那样束缚着&#xff0c;在开车、工作、娱乐的时候&#xff0c;无线蓝牙耳机都能无限制的使用&#xff0c;那么市场上的蓝牙耳机各式各样&#xff0c;有什么平价好用…

适合女生的蓝牙耳机有哪些?四款高颜值蓝牙耳机推荐

现如今&#xff0c;科技产品和智能设备已经紧紧将我们包围&#xff0c;因工作或生活上的原因&#xff0c;很多童鞋手上都拥有多台设备。现在蓝牙耳机越来越成为我们使用耳机的主流类型&#xff0c;很多人也想拥有一款好用的蓝牙耳机&#xff0c;但是又不知道如何挑选&#xff0…

跑步健身戴什么耳机合适?五款高性价比运动耳机推荐

非常多的运动者本身同时也是一个音乐爱好者&#xff0c;他们都有着边听音乐边运动的习惯&#xff0c;无论是长短跑、游泳还是其他运动都少不了音乐的陪伴。因为随着耳机里的音乐播放&#xff0c;会给他们带来不单单只是埋头跑步所体验不了的快乐感。市面上那么多的运动耳机&…

双十一潮流好物运动耳机分享,最热门的运动耳机推荐

​耳机逐渐成为现代青年必备的一款社交数码产品&#xff0c;特别是运动耳机&#xff0c;很多人都回佩戴着耳机跑步健身&#xff0c;显然&#xff0c;想要找到一款适合自己的运动耳机对于新手来说&#xff0c;确实有点难找&#xff0c;但对于我们这种运动爱好者来说就很简单了&a…