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

HTML 表格实例

First Name

Last Name

Points

Jill

Smith

50

Eve

Jackson

94

John

Doe

80

Adam

Johnson

67

HTML 表格标签

标签

描述

<table>

定义表格

<th>

定义表格的表头

<tr>

定义表格的行

<td>

定义表格单元

<caption>

定义表格标题

<colgroup>

定义表格列的组

<col>

定义用于表格列的属性

<thead>

定义表格的页眉

<tbody>

定义表格的主体

<tfoot>

定义表格的页脚

HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。

字母 td 指表格数据(table data),即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。示例

小白教程网www.2d5.net

代码如下:

<table border="1">
    <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>

HTML 表格和边框属性

       如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。示例

小白教程网www.2d5.net

代码如下:

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>


上一篇: 3.3.4 综合示例 下一篇: HTML 表格表头
毕业设计网             广告联系QQ:45157718(微信同号)