语义化标签: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©, 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©, 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>
最终结果
结果:
结果:
结果
结果:
结果:
标签:581HTML,定义,表格,结果,标签,单元格,语义,582 From: https://www.cnblogs.com/agzq/p/16810157.html