标签的使用（二）

来源：互联网发布：黑社会2 知乎编辑：程序博客网时间：2024/06/16 23:08

1、ul-li无序标签。看下例子。

<!DOCTYPE HTML><html>    <head>        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">    </head>    <body>    <ul>        <li>足球篮球乒乓球</li>        <li>网球棒球羽毛球</li>        <li>手球水球曲棍球</li>    </ul>    </body></html>

2、ol-li有序列表标签，用法类比无序标签。
3、<div>...</div>标签用于划分独立的逻辑部分，相当于是一个容器，把你认为相关的东西往里面丢，常用于网页栏目版块。给版块命名，一般写法是<div id="版块名次">...</div>。
4、table标签的作用是制作网页表格，具体说不清楚，看例子体会。<tbody>...</tbody>的作用：当表格内容非常多是，表格会下载一点显示一点，但如果加上这个标签后，这个表格就要等表格内容全部下载完才会显示。tr标签标识一行，td标签表示一行中的一个单元格。th标签是表头，也就是第一行的一个单元格，默认样式是粗体并且居中显示。table默认的样式是不带表格线的。摘要在浏览器中是不会显示的，他的作用只是增加表格的语义化，不明白什么意思也没关系。

<!DOCTYPE HTML><html>    <head>        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">        <title>table标签的使用</title>        <style type="text/css">        table tr td,th{border:1px solid #000;}        </style>    </head>    <body>    <table summary="这里写的是表格摘要">    <caption>这里写的是表格标题</caption>      <tbody>       <tr>        <th>班级</th>        <th>学生数</th>        <th>成绩</th>        <tr>        <td>一班</td>        <td>30</td>        <td>89</td>        <tr>        <td>二班</td>        <td>60</td>        <td>70</td>        <tr>        <td>三班</td>        <td>50</td>        <td>90</td>      </tbody>     </table>    </body></html>

PS：代码的注释，语法:，如果你用的是notep++，还有右键快捷方式哟。

0 0