Web前端(2)_块级标签

最新推荐文章于 2022-10-18 22:01:22 发布

weixin_30879833

最新推荐文章于 2022-10-18 22:01:22 发布

阅读量177

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/sunnybowen/p/10504732.html

本文详细介绍了HTML中常用的块级标签，包括标题标签、段落标签、列表标签、定义标签和表格标签等，通过实例展示了各标签的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 标题标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <h1>标题标签</h1>
    <h2>标题标签</h2>
    <h3>标题标签</h3>
    <h4>标题标签</h4>
    <h5>标题标签</h5>
    <h6>标题标签</h6>
</body>
</html>

2、段落标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <h1>标题标签</h1>
    <p>这是段落标签</p>
</body>
</html>

3、列表标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <h3>有序列表</h3>
    <ol>
        <li>填写信息</li>
        <li>收电子邮件</li>
        <li>注册成功</li>
    </ol>
    </ol>
</body>
</html>

其实列表的作用，可以在li标签里设置css样式

4、无序列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <h3>新人上路指南</h3>
    <ul>
        <li>如何激活会员名</li>
        <li>如何注册贵美会员</li>
        <li>注册密码要求</li>
        <li>认证成功有什么提示</li>
    </ul>
    </ol>
</body>
</html>

UL里面只能放li标签，别放其他标签

5、定义标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <dl>
        <dt>咖啡</dt>
        <dd>一种黑色热饮料，原料据说是咖啡豆，非洲盛产这种原料</dd>
        <dd>可以提神，刺激神经</dd>
    </dl>
</body>
</html>

定义标签

6、table标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级标签</title>
</head>
<body>
    <table border="1">
        <tr>
            <td>百度</td>
            <td>新浪</td>
            <td>天涯</td>
        </tr>
        <tr>
            <td>腾讯</td>
            <td>阿里</td>
            <td>研究院</td>
        </tr>
    </table>
</body>
</html>