网页基本标签

网页基本标签

标题标签

  • HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的

  • <h1> 定义最大的标题,<h6> 定义最小的标题

    <!-- 标题标签 -->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>

段落标签

  • HTML 段落是通过 <p> 标签进行定义的
    <!-- 段落标签 -->
    <p>第一个段落第一句 第一个段落第二句</p>
    <p>第二个段落第一句 第二个段落第二句</p>
    <p>第三个段落第一句 第三个段落第二句</p>

换行标签

  • <br /> 插入单个折行(换行),可用于在不产生一个新段落的情况下进行换行
    <!-- 换行标签 -->
    第一行 <br/>
    第二行 <br/>
    第三行 <br/>

水平线标签

  • <hr /> 标签在 HTML 页面中创建水平线,可用于分隔内容
    <!-- 水平线标签 -->
    <p>水平线上</p>
    <hr />
    <p>水平线下</p>

字体样式标签

  • HTML 可定义很多供格式化输出的元素,比如粗体和斜体字
    <!-- 字体样式标签 -->
    <p>粗体 : <strong>World Wide Web</strong></p>
    <p>斜体 : <em>World Wide Web</em></p>
    <p>下标字 : <sub>subscript</sub></p>
    <p>上标字 : <sup>superscript</sup></p>

特殊符号

    <!-- 特殊符号 -->
    <p>空   格 : 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</p>
    <p>大于号 : &gt;</p>
    <p>小于号 : &lt;</p>
    <p>版权符号 : &copy;</p>

示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
    <!-- 标题标签 -->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>

    <!-- 段落标签 -->
    <p>第一个段落第一句 第一个段落第二句</p>
    <p>第二个段落第一句 第二个段落第二句</p>

    <!-- 换行标签 -->
    第一行 <br />
    第二行 <br />

    <!-- 水平线标签 -->
    <p>水平线上</p>
    <hr />
    <p>水平线下</p>

    <!-- 字体样式标签 -->
    <p>粗体 : <strong>World Wide Web</strong></p>
    <p>斜体 : <em>World Wide Web</em></p>
    <p>下标字 : <sub>subscript</sub></p>
    <p>上标字 : <sup>superscript</sup></p>

    <!-- 特殊符号 -->
    <p>空 格 : 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</p>
    <p>大于号 : &gt;</p>
    <p>小于号 : &lt;</p>
    <p>版权符号 : &copy;</p>
</body>

</html>

posted @ 2022-09-02 12:56  TNTksals  阅读(75)  评论(0编辑  收藏  举报