[2016-01-14][html][表格相关的标记]

[2016-01-14][html][表格相关的标记]
表格的标记
第一列第二列第三列第四列第五列
第一行(上面是第0行)占两行
第二行(看,第0行是粗体)
第三行占两列黄色的背景色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<html>
    <head>
        <title>表格相关的标记</title>
        <meta charset="utf-8">
    </head>
    <body>
        <!--
            <table>表格内容</table>
                用来声明一个表格,在表格内容 使用<tr><td><th>等标记来构造表格
                属性信息:
                    width:表格的宽度 可以是像素,也可以是父级元素的百分比%
                    heigth:高度
                    border:表格外边框的宽度
                    align:表格显示的位置(在窗口的的位置) 
                            left,center,right
                    cellspacing:单元格之间的间距 单位像素
                    cellpadding:单元格内容与单元格边框的距离
                    frame:作用:控制表格边框最外层的四条线框
                            void(默认值):表示无边框
                            above:表示仅有顶部边框
                            belov:表示仅有底部边框
                            hsides:表示仅有顶部边框和底部边框
                            lhs:表示仅有左侧边框
                            rhs:表示仅有右侧边框
                            vsides:表示仅有左右边框
                            box:表示全部4个边框
                            border:包括全部4个边框
                    rules:作用:控制是否显示以及如何显示单元格之间的分割线
                            none(默认值):表示无分割线
                            all:表示包括所有边框
                            rows:表示仅有行分割线
                            clos:表示仅有列分割线
                            group:表示仅行组合列组之间有分割线
             
             
            <caption>标题</caption>
                表格的标题,必须放在<table>之后 <tr>之前
                属性:
                    align:top标题放在表格的上部
                    bottom:标题放在表格的下部
                    left:标题放在表格的左部
                    right:标题放在表格的右部
                     
                     
            <tr></tr>标记
                一对<tr></tr>标记,定义表格的一行,对每个表格内部嵌套多个<td>或者<th>标记表示列
                可选属性:
                    bgcolor:设置背景的颜色
                    align:设置垂直方向的对齐方式
                            bottom:顶端对齐
                            top:底部对齐
                            middle:居中对齐
                    valigh:设置水平方向的对齐方式
                            参数同上.                  
                     
                     
            <td></td>和<th></th>    
                都是表格列的标记,区别是th,表头标记,默认粗体
                属性:
                    bgcolor:设置单元格背景颜色
                    align:设置单元格对齐方式
                    valign:设置单元格垂直对齐方式
                    width:设置单元格宽度
                    height:设置单元格高度
                    rowspan:设置单元格所占行数
                    colspac:设置单元格所占的列数             
        -->
         
         
        <table frame="border" rules="all" width = 100% height = 50>
            <caption>表格的标记</caption>
             
             
            <tr>
                <th>第一列</th>
                <th>第二列</th>
                <th>第三列</th>
                <th>第四列</th>
                <th>第五列</th>
            </tr>
             
             
            <tr align = "center">
                <td>第一行(上面是第0行)</td>
                <td rowspan = 2>占两行</td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
             
             
            <tr align = "center">
                <td>第二行(看,第0行是粗体)</td>
                <td></td>
                <td> </td>
                <td> </td>
            </tr>
             
             
            <tr align = "center">
                <td>第三行</td>
                <td colspan = 2>占两列</td>
                <td bgcolor = "yellow">黄色的背景色</td>
                <td> </td>
            </tr>
        </table>
    </body>
</html>

除了上面这种方式,也可以在每个表格内再嵌套一个<table>更加好操作,,


来自为知笔记(Wiz)


附件列表

     

    posted on 2016-01-14 17:46  红洋  阅读(250)  评论(0)    收藏  举报

    导航