HTML表格

最新推荐文章于 2024-07-26 14:13:22 发布

wangqd97

最新推荐文章于 2024-07-26 14:13:22 发布

阅读量280

点赞数

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/wangqd97/article/details/81203693

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

表格
<table></table> 定义表格
<caption></caption>定义表格标题
<th></th>定义表格表头
<tr></tr>定义表格的行
<td></td>定义表格的单元
<thead></thead>定义表格的页眉
<tbody></tbody>定义表格的主体
<tfoot></tfoot>定义表格的页脚
<col>定义表格的列属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>表格</p>
<table border="5">
    <caption>重要表格</caption>
    <tr>
        <th>单元1</th>
        <th>单元2</th>
        <th>单元3</th>
    </tr>
    <tr >
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>

</table>


</body>
</html>

1.无序列表
<ul></ul>无序列表 <li></li>列表项
效果 disc,circle,square
2.有序列表
<ol></ol>有序列表 <li></li>列表项
A,a,l,i,start
3.嵌套列表<ul> <ol> <li>
4.自定义列表<dl> <dt> <li>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul type="square"><!--图形-->
    <li>苹果</li>
    <li>橘子</li>
    <li>香蕉</li>
    <li>西瓜</li>
</ul>
<ol type="a"><!--从什么地方开始-->
    <li>苹果</li>
    <li>橘子</li>
    <li>香蕉</li>
    <li>西瓜</li>
</ol>
<ol start="5"><!--从什么地方开始-->
    <li>苹果</li>
    <li>橘子</li>
    <li>香蕉</li>
    <li>西瓜</li>
</ol>
<!--嵌套-->
<ul type="a">
    <li>人</li>
    <ol>
        <li>中国人</li>
        <li>美国人</li>
        <li>英国人</li>
    </ol>
    <li>宠物</li>
    <ol>
        <li>狗</li>
        <li>猫</li>
        <li>蛇</li>
    </ol>
    <li>食物</li>
    <ol>
        <li>面</li>
        <li>米</li>
        <li>油</li>
    </ol>

</ul>
<dl>
    <dt>helloworld</dt>
    <dd>用来练习</dd>
    <dt>helloworld</dt>
    <dd>用来练习</dd>
    <dt>helloworld</dt>
    <dd>用来练习</dd>
</dl>
</body>
</html>