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

HTML常用元素和属性(三)

时间:2018-09-05 23:58:51      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:常用   idt   border   cells   表头   char   http   cin   元素   

7:表格相关元素

<table>定表格,可用属性cellpedding:单元格和内容之间的间距;cellspacing:单元格之间的间距;width:表格的宽度

<caption>定义表格标题

<tr>定义表格行

<td>定义单元格

<th>定义表头单元格

<tbody>定义表格主题

<thead>定义表格头

<tfoot>定义表格脚

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
    <table style="width:400px" border="0.5">
        <caption>测试表格</caption>
        <tr><td>1</td><td>2</td></tr>
        <tr><td>1</td><td>2</td></tr>
    </table>
</body>    
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
    <table style="width:400px" border="0.5">
        <caption>测试表格</caption>
        <tr><td>1</td><td>2</td></tr>
        <tr><td>1</td><td>2</td></tr>
    </table>

    <table style="backgroud-color:black;border-collapse:separate;border-spacing:1px;">
        <caption><b>测试表格2</b></caption>
        <colgroup style="backgroud-color:white;">
            <col style="width:160px"/>
            <col span="2" style="width:100px"/>
        </colgroup>
        <thead>
            <tr><th>标题1</th><th>标题2</th></tr>
        </thead>
        <tfoot>
            <tr><td colspan="2">合计图书2本</td></tr>
        </tfoot>
        <tbody>
            <tr><td>疯狂Html</td><td>test2</td></tr>
            <tr><td>疯狂Java</td><td>Test</td></tr>
        <tbody>
    </table>
</body>    

 

HTML常用元素和属性(三)

标签:常用   idt   border   cells   表头   char   http   cin   元素   

原文地址:https://www.cnblogs.com/yuanhaowen/p/9594978.html

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