HTML表格的表头

  在HTML语言中,可以自动通过标记为表格添加标题。另外,表格的第一行称为表头,这也可以通过HTML标记来实现。

基本语法

<TABLE>....

<TR>

<TH>标题1</TH><TH>标题2</TH><TH>标题3</TH><TH>标题4</TH><TH>标题5</TH>

</TR>

........

</TABLE>

语法解释

通过BORDER属性定义边框线的宽度,单位为像素。

<html>

<head>

<title>表格标记的综合例子</title>

</head>

<body>

<tableborder="1"width="80%"bgcolor="#e8e8e8"cellpadding="2"

bordercolor="#0000ff"bordercolorlight="7d7dff"bordercolordark="#0000a0">

<tr>

<thwidth="30%"colspan="2"valign="bottom">大西洋赛区</th>

<thwidth="30%"colspan="2"valign="bottom">中部赛区</th>

<thwidth="30%"colspan="2"valign="bottom">东南赛区</th>

</tr>

<tr>

<tdwidth="16%"align="center">凯尔特人</td>

<tdwidth="16%"align="center">76人</td>

<tdwidth="17%"align="center">活塞</td>

<tdwidth="17%"align="center">公牛</td>

<tdwidth="17%"align="center">热火</td>

<tdwidth="17%"align="center">奇才</td>

</tr>

<tr>

<tdwidth="16%"align="center">网</td>

<tdwidth="16%"align="center">尼克斯</td>

<tdwidth="17%"align="center">步行者</td>

<tdwidth="17%"align="center">骑士</td>

<tdwidth="17%"align="center">魔术</td>

<tdwidth="17%"align="center">山猫</td>

</tr>

<tr>

<tdwidth="16%"align="center">猛龙</td>

<tdwidth="16%"align="center">过江</td>

<tdwidth="17%"align="center">雄鹿</td>

<tdwidth="17%"align="center">芝加歌</td>

<tdwidth="17%"align="center">老鹰</td>

<tdwidth="17%"align="center">姚明</td>

</tr>

</table>

</body>

</html>

其中<TH></TH>是指的表格的表头和标题。

时间: 2024-12-15 16:45:13

HTML表格的表头的相关文章

js-怎么实现表格的表头固定 ,表格不要滚动条

问题描述 怎么实现表格的表头固定 ,表格不要滚动条 表格显示10行 或更多的数据 ,下拉页面的时候看不见表头 ,怎么能让表头像固定到底部的导航一样 ,随着页面的下拉移动. 解决方案 CSS表格固定表头示例CSS固定表格table表头页头 解决方案二: 你把你的代码发进来我们好给你修改啊 解决方案三: 使用固定定位吧,如果固定定位满足不了你的要求,就用js控制吧 解决方案四: 可以考虑使用div做表头,好操作定位!当然也可以考虑使用双表格对接,一表格做表头+二表格做表身放数据,这样表头也可以控制定

设置wps表格统一表头的方法

  设置wps表格统一表头的方法: 第一步:制作好表格后,点击"页面布局",进入菜单,找到"页边距"键. 第二步:点击"页边距"键,进入"页面设置"页面. 第三步:在"页面设置"页面内,点击"工作表" 第四步:进入"工作表"设置页面,点击顶端标题栏后面"口"字型键. 第五步:出现一个"页面设置"对话框,用鼠标按住左键,点选每一页

快速为Word 2003超长表格插入表头

快速为Word 2003超长表格插入表头 选择"文件-页面设置"命令,在"页边距"标签页中,分别设置上下左右的页边距.这一步是为了方便后文的行高设置. 右击Word 2003表格第一页左上角的全选标识,选择"表格属性".在"行"标签页中,勾选"指定高度"项,并将其改为"1.3.固定值"."确定"后即将其调整为每页18行. "绘制表格"按钮,按原表格

Word表格中斜线表头的绘制

在 Word 中绘制斜线表头 表头总是位于所选表格第一行.第一列的第一个单元格中. 绘制斜线表头 1.插入新表格或单击要添加斜线表头的表格. 2.在"布局"选项卡上,单击"绘制斜线表头". 3.在"表头样式"列表中,单击所需样式. 一共有五种样式可供选择,您使用"预览"框来预览所选的表头从而确定自己所需的样式. 4.在各个标题框中输入所需的行.列标题. 注意: ·在使用"绘制斜线表头"编辑表头时,新的表头将

常规表格多表头查询示例_javascript技巧

复制代码 代码如下: //清空表格 $("#studentTab").empty(); $.ajax({ type:"POST", url:"../../student.action", dataType:"json", data:{ "stuNo":stuNo }, success:function(data){ var str; for(var i=0;i<data.items[i].length

web前端-固定的导航把 表格悬浮的表头挡住。

问题描述 固定的导航把 表格悬浮的表头挡住. 下面的是表头的css图片说明 设置top:50px 没反应 .. 解决方案 position: fixed是不占位的,也就是说你的导航下面其实是没有高度的,需要在表格前面加导航的高度的div来占位. 解决方案二: 设置表头z-index为99999试试,应该是z-index太低了 解决方案三: 解决方案四: 在悬浮导航后面加个 相关文章 web前端-固定的导航把 表格悬浮的表头挡住. js-怎么实现表格的表头固定 ,表格不要滚动条 前端-怎么让tab

Word2007表格怎么绘制斜线表头及样式

  在上学的时候,第一堂课就介绍本学期的课程,而仔细观察课程表,就会发现,在表格的表头,有一个单元格被分成了两等分或者三等分,用斜线绘制.在Word2007文档表格中也可根据需求绘制斜线表头. 表头总是位于所选表格第一行.第一列的第一个单元格中. 绘制斜线表头 1.插入新表格或单击要添加斜线表头的表格. 2.在"布局"选项卡上,单击"绘制斜线表头". 3.在"表头样式"列表中,单击所需样式. 表头样式 一共有五种样式可供选择,您使用"预

JQuery拖动表头边框线调整表格列宽效果代码_jquery

类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整.最近比较空闲,便自己动手尝试实现,在此分享下小小的成果. 首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到. 为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {}); 中,并写入一个独立的JS文件.

gridview-请教下表头固定的方法

问题描述 请教下表头固定的方法 <div class="searchParm" id="CompanyTypeZone"> 公司类型:<asp:TextBox ID="tb_CompanyType" Width="400" runat="server"></asp:TextBox> </div> <div class="searchParm&q