首页 >web前端 >html教程 >HTML5-表格_html/css_WEB-ITnose

HTML5-表格_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:46:491066浏览

 

表格:表头,行 ,列,标题

属性:cellpadding="10" cellspacing="10":单元格间距,单元格边距|

bgcolor="#8a2be2"【背景颜色】,background="images/html.jpg"【背景图片】

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>表格</title></head><body>    <p>表格</p>    <table border="1">        <caption>重要表格</caption>        <!-- <caption>重要表格</caption>:表头-->        <tr>            <th>单元</th>            <th>单元</th>            <th>单元</th>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>                <ul>                    <li>苹果</li>                    <li>苹果</li>                    <li>苹果</li>                </ul>            </td>        </tr>    </table>    <br/>    <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2">        <!--  cellpadding="10" cellspacing="10":单元格间距,单元格边距-->        <tr>        <td>单元格1</td>        <td>单元格2</td>        <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table>    <!-- bgcolor="#8a2be2"【背景颜色】,background="images/html.jpg"【背景图片】-->    <br/>    <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg">        <!--  cellpadding="10" cellspacing="10":单元格间距,单元格边距-->        <tr>            <td>单元格1</td>            <td>单元格2</td>            <td>单元格3</td>        </tr>        <tr>            <td>单元格4</td>            <td>单元格4</td>            <td>单元格6</td>        </tr>    </table></body></html>

 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn