HTML语义化标签和HTML表格标签1

HTML语义化标签：

语义化标签: html5中为了提高程序的可读性，提供了一些标签。

　　1. <header> :页眉

　　2. <footer> :页脚

语义化标签的格式：

<!--语义化标签页眉 header-->
        <header>
            <div style="color: crimson">
                页眉
            </div>
        </header>
        <!--语义化标签页脚 footer-->
        <footer>
            <div style="color: cornflowerblue">
                页脚
            </div>
        </footer>

 

 

 

 

HTML表格标签：

table:定义表格

width :宽度

border :边框

cellpadding:定义内容和单元格的距离

cellspacing:定义单元格之间的距离。如果指定为o，则单元格的线会合为一条

bgcolor:背景色

align:对齐方式

tr:定义行

td:定义单元格

th:定义表头单元格

表格的基本定义格式：

<!--表格标签 table-->
        <table cellpadding="0" cellspacing="0" border="1" bgcolor="#00ffff" align="center" width="400">
            <!--tr单元行-->
            <tr>
                <!--单元格内容td th居中并且加粗-->
                <th>编号</th>
                <th>姓名</th>
                <th>成绩</th>
            </tr>
            <tr>
                <!--单元格内容td-->
                <td>1</td>
                <td>张飞</td>
                <td>150</td>
            </tr>
            <tr>
                <!--单元格内容td-->
                <td>2</td>
                <td>黄忠</td>
                <td>110</td>
            </tr>
        </table>