零基础学HTML5+CSS3---字体

Laughing
2021-10-24 / 0 评论 / 961 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月16日,已超过344天没有更新,若内容或图片失效,请留言反馈。

斜体、下划线、删除线

说明

[alt type="success"]

[tag type="success"]<em>文字斜体标记[/tag]
[tag type="success"]<u>文字下划线标记[/tag]
[tag type="success"]<strike>文字删除线标记[/tag]

[/alt]

示例代码

<body style="color: mediumvioletred;">
    <h3>书名:<em>《山海经》</em></h3>
    <h4>出版日期:<u>古代</u></h4>
    <h4>原价:<strike>200</strike> 促销价:300</h4>
</body>

文字的上标与下标

说明

[card-default width="100%" label="说明"]

[tag type="warning"]<sup>上标标记内容[/tag]
[tag type="danger"]<sub>下标标记内容[/tag]

[/card-default]

示例代码

<body style="color: mediumvioletred;">
    <h2>数学公式</h2>
    2X+4<sup>2</sup>=16
    <h2>化学符号</h2>
    水:H<sub>2</sub>O
</body>

特殊符号

说明

一般情况下,特殊符号由前缀&、字符名称和后缀分号;组成。
常见特殊符号如下表:

特殊符号实体名称含义
''&quot;引号
<&lt;左尖括号
>&gt;右尖括号
✖️&times;乘号
©&copy;居右
&nbsp;居右

原格式标记

说明

<pre>原格式标记,保留代码中的原始格式。

示例代码

   <pre>
       ^_^
   </pre>

[alt type="success"]<pre>标签中如果有html标签,仍然会被渲染[/alt]

水平线

说明

水平线用于段落与段落之间的分隔。通过<hr>来创建水平线。

示例代码

    <hr style="margin-top: 20px;border: 1px solid royalblue;">
    <pre>
       ^_^
   </pre>
    <hr>
1

评论 (0)

取消