html格式化标签

<em>标签，强调内容，斜体显示，如果只需要斜体显示文本<i>即可。

<wbr>换行,软换行，一般用于防止单词因为浏览界面宽度而出现截断，h5新元素，ie不支持

<br>换行，强制换行

<sub>定义下标字，这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。

<sup>定义上标字

<ins>插入字，下划线

<kbd>表示键盘键入的内容，用法和em等标签效果一样，只不过对对文本的解释不同

<samp>计算机样本文本

<tt>打字机代码

<var>定义变量var

<pre>定义预格式文本</pre>

缩写<abbr title="Var var var sadsa">vvv

<address> 标签定义文档或文章的作者/拥有者的联系信息。

　　如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。

　　如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

　　<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。

　　<address> 元素通常连同其他信息被包含在 <footer> 元素中。

<bdo>可以定义文字的方向

<blockquote>定义长的引用

<q>定义短的引用语

      <q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。

　　<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。

<cite> 定义引用引证，引用的文本将以斜体显示。如果引用的这些文档有联机版本，还应该把引用包括在一个 <a> 标签中，从而把一个超链接指向该联机版本。标签还有一个隐藏的功能：它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器，它能够自动整理引用表格，并把它们作为脚注或者独立的文档来显示。

<dfn>定义一个定义项目

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文本格式化</title>
    </head>
    <body>
        <b>文本加粗格式化</b></br>
        <big>大号字体</big></br>
        <small>小号字体</small></br>
        <strong>加重语气</strong></br>
        <em>强调的内容，斜体显示</em></wbr>
        <i>单纯的斜体</i>
        <p>你好的萨拉和第哦</wbr>啊圣诞节哦撒谎</p>
        <div>表现形式<sub>定义下标字</sub></div>
        <div>表现形式<sup>定义上标字</sup></div>
        <div>表现形式<ins>插入字</ins></div>
        <div>表现形式<del>删除字</del></div>
        <div>表现形式：代码<code>code</code></div>
        <div>表现形式：键盘键入文本<kbd>quit</kbd></div>
        <div>表现形式<samp>计算机样本文本</samp></div>
        <div>表现形式<tt>打字机代码</tt></div>
        <div>表现形式<var>定义变量var</var></div>
        <div>表现形式<pre>定义预格式文本&lt;html&gt;</pre></div>
        <div>表现形式:缩写<abbr title="Var var var sadsa">vvv</abbr></div>
        <div>表现形式:地址<address>西南科技大学</address></div>
        <div>表现形式:文字方向<bdo dir="rtl">Here is some text</bdo>亲自试一试</div>
        <div>表现形式:短的引用<q>短的引用</q></div>
        <div>表现形式:长的引用
            <blockquote>
                Here is a long quotation here is a long quotation here is a long quotation 
                here is a long quotation here is a long quotation here is a long quotation 
                here is a long quotation here is a long quotation here is a long quotation.
            </blockquote>
        </div>
        <div>表现形式:文献引用<cite>dsadsadsadsadas</cite></div>
    </body>
</html>
复制代码

 

posted @   Ace-GJH  阅读(348)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
点击右上角即可分享
微信分享提示
AI IDE Trae
主题色彩