位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > HTML 表格表头
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 3.4 HTML 表格 table标签 下一篇: 跨行或跨列的表格单元格

表格的表头使用 <th> 标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本,示例

小白教程网www.2d5.net

代码如下:

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

下面我们来看下在网页中的效果,示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 表格 table标签</title>
</head>
<body>
<table width="200" border="1">
    <tr>
             <th>第1列</th>
             <th>第2列</th>
             <th>第3列</th>
             <th>第4列</th>
     </tr>   
    <tr>
      <td>1-1</td>
      <td>1-2</td>
       <td>1-3</td>
       <td>1-4</td>
    </tr>
    <tr>
      <td>2-1</td>
      <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
</table>
</body>
</html>

效果如图3-6

image.png

上一篇: 3.4 HTML 表格 table标签 下一篇: 跨行或跨列的表格单元格
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)