码迷,mamicode.com
首页 > Web开发 > 详细

HTML的表格玩法

时间:2016-11-10 16:39:39      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:参数   结构   行合并   oct   表结构   body   表头   内容   type   

HTML的表格玩法

HTML也是可已展示表格的,大体结构如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table border="1">
    <thead>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>表结构1</td>
        <td>表结构2</td>
        <td>表结构3</td>
    </tr>
    <tr>
        <td>表结构4</td>
        <td>表结构5</td>
        <td>表结构6</td>
    </tr>
    <tr>
        <td>表结构7</td>
        <td>表结构8</td>
        <td>表结构9</td>
    </tr>
    </tbody>
</table>
</body>
</html>

在body标签内写一个table标签

table标签内写thead标签和tbody标签分别代表表头和表结构

tr标签代表表格内的一样,td标签代表表格内的一列。th代表内容显示为表头,即加粗居中。

 

table里面常用参数

 border="1"     设置单元格的边框

 td标签内常用参数

 colspan="2"    跨行合并2个单元格。

 rowspan="2"    跨列合并2个单元格。

HTML的表格玩法

标签:参数   结构   行合并   oct   表结构   body   表头   内容   type   

原文地址:http://www.cnblogs.com/kerwinC/p/6051335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!