581HTML标签_块标签 and 582 HTML标签_语义化标签

 语义化标签：html5中为了提高程序的可读性，提供了一些标签。
        1. <header>：页眉
        2. <footer>：页脚

<!--页眉-->
<div id="header">
<!--标题标签-->
<h1>公司简介</h1>
</div>

<p>中......</p><!--中间内容-->


<!--页脚-->
<div id="footer">
    <!--颜色          大小-->
<font color="gray" size="2">
    <!--居中-->
    <center>                <!--换行-->
    江苏传智播客教育科技股份有限公司<br>
                              <!--特殊符号-->
    版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
    </center>
</font>

以上是html4的
以下是新版本的
<!--页眉-->
<header>
    <div id="header">
    <!--标题标签-->
    <h1>公司简介</h1>
    </div>
</header>

<p>中......</p><!--中间内容-->

 
<!--页脚-->
<footer>
        <div id="footer">
            <!--颜色          大小-->
        <font color="gray" size="2">
        <!--居中-->
        <center>                <!--换行-->
    江苏传智播客教育科技股份有限公司<br>
                              <!--特殊符号-->
    版权所有Copyright 2006-2018&copy;, All Rights Reserved 苏ICP备16007882
        </center>
        </font>
    </div>
</footer>

表格标签

表格标签：

table：定义表格

　　　　width：宽度

　　　　border：边框

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

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

　　　　bgcolor：背景色

　　　　align：对齐方式

tr：定义行

　　　　bgcolor：背景色

　　　　align：对齐方式

td：定义单元格

　　　　colspan：合并列

　　　　rowspan：合并行

th：定义表头单元格

　　　　<caption>：表格标题

　　　　<thead>：表示表格的头部分

　　　　<tbody>：表示表格的体部分

　　　　<tfoot>：表示表格的脚部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--定义表格-->
       <!--设置边框    设置宽的长度  单元边沿与其内容之间的空白-->
    <table border="1" width="50%" cellpadding="1" cellspacing="0">
                                               <!--定义单元格直接的空白-->
        <!--定义行-->
        <tr>
            <!--定义单元表格-->
            <!--
            <td>编号</td>
            <td>姓名</td>
            <td>成绩</td>-->
            <!--默认居中，定义表头单元格-->
            <th>编号</th>
            <th>姓名</th>
            <th>成绩</th>
        </tr>

        <tr>
        <!--定义单元表格-->
        <td>1</td>
        <td>杰瑞</td>
        <td>99</td>
        </tr>

        <tr>
        <!--定义单元表格-->
        <td>2</td>
        <td>汤姆</td>
        <td>80</td>
        </tr>
    </table>
</body>
</html>
最终结果

结果：

 

 结果：

 

 

 结果

 

 

 结果：

 

 结果：

 

posted @ 2022-10-20 15:49  ja不会va  阅读(37)  评论(0)    收藏  举报