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

HTML标签-语义化标签

语义化标签：html5中为了提高程序的可读性，提供了一些标签，（没有样式，只是为了提高程序的可读性）

　　<header>：头部

　　<footer>：尾部

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础标签-练习</title>
</head>
<body>

<header><!--表示头部-->
    <div id="header">
        <h1>公司简介</h1>
    </div>

</header>


<footer><!--表示尾部-->
    <div id="footer">
        <font color="gray" size="2">
            <center>
                四川未央老王教育科技股份有限公司<br>
                版权所有Copyright 2006-2018&copy;, All Rights Reserved 川ICP备16007882
            </center>
        </font>
    </div>

</footer>
</body>
</html>

 

 

HTML标签-表格标签

　　table：定义表格

　　　　width：宽度

　　　　border：边框

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

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

　　　　bgcolor：背景色

　　　　align：对齐方式

　　tr：定义行

　　td：定义单元格

　　th：定义表头单元格　　　　

    <!--表格标签 -->
    <table border="1" width="50%" cellpadding="1" cellspacing="0" bgcolor="#75c932" align="center">
        <tr><!--表头-->
            <td>编号</td>
            <td>姓名</td>
            <td>成绩</td>
        </tr>
        <tr><!--1列-->
            <td>1</td>
            <td>小龙女</td>
            <td>100</td>
        </tr>
        <tr><!--2列-->
            <td>2</td>
            <td>郭伟明</td>
            <td>50</td>
        </tr>

    </table>

 

posted @ 2022-10-24 15:20  monkey大佬  阅读(27)  评论(0)    收藏  举报