Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

html文本标签有哪些

作者:余烬已熄   发布日期:2025-12-19   浏览:72

<!-- 文本标签用于定义和格式化HTML文档中的文本内容。以下是一些常用的HTML文本标签及其示例: -->

<!-- 1. <p> 标签:定义段落 -->
<p>这是一个段落。</p>

<!-- 2. <h1> 到 <h6> 标签:定义标题,<h1> 是最高级别,<h6> 是最低级别 -->
<h1>这是最大的标题</h1>
<h6>这是最小的标题</h6>

<!-- 3. <strong> 标签:定义重要文本(通常以粗体显示) -->
<strong>这是一个重要的文本。</strong>

<!-- 4. <em> 标签:定义强调文本(通常以斜体显示) -->
<em>这是一个强调的文本。</em>

<!-- 5. <small> 标签:定义小号文本 -->
<small>这是一个小号文本。</small>

<!-- 6. <mark> 标签:定义高亮显示的文本 -->
<p>请阅读 <mark>这个重要的信息</mark>。</p>

<!-- 7. <del> 标签:定义删除线文本 -->
<p>这段文本有被 <del>删除的部分</del>。</p>

<!-- 8. <ins> 标签:定义插入文本 -->
<p>这段文本有 <ins>新插入的部分</ins>。</p>

<!-- 9. <sub> 标签:定义下标文本 -->
<p>H<sub>2</sub>O 是水的化学式。</p>

<!-- 10. <sup> 标签:定义上标文本 -->
<p>公式: a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup></p>

<!-- 11. <code> 标签:定义代码片段 -->
<p>这里有一个简单的代码片段:<code>console.log('Hello, World!');</code></p>

<!-- 12. <pre> 标签:定义预格式化的文本 -->
<pre>
    这是一个预格式化的文本,
    它会保留空格和换行符。
</pre>

<!-- 13. <samp> 标签:定义计算机输出的样本 -->
<samp>This is a sample output from a computer program.</samp>

<!-- 14. <kbd> 标签:定义键盘输入 -->
<p>按 <kbd>Ctrl + C</kbd> 复制文本。</p>

<!-- 15. <var> 标签:定义变量 -->
<p>公式: E = mc<sup>2</sup>, 其中 <var>E</var> 是能量,<var>m</var> 是质量,<var>c</var> 是光速。</p>

<!-- 16. <dfn> 标签:定义术语 -->
<p><dfn>HTML</dfn> 是超文本标记语言的缩写。</p>

<!-- 17. <abbr> 标签:定义缩写或首字母缩略词 -->
<p>世界卫生组织的缩写是 <abbr title="World Health Organization">WHO</abbr>。</p>

<!-- 18. <address> 标签:定义联系信息 -->
<address>
  作者:<a href="mailto:author@example.com">John Doe</a><br>
  地址:123 Example Street, Example City, USA
</address>

<!-- 19. <bdo> 标签:定义文本方向 -->
<bdo dir="rtl">这个文本是从右到左显示的。</bdo>

以上代码展示了常见的HTML文本标签及其用法。每个标签都有特定的语义和用途,可以帮助你更好地组织和格式化网页内容。

上一篇:html登录界面代码

下一篇:html h1

大家都在看

静态html源码

404 html

ios打开html

nginx访问不到html

html 符号

colspan在html中是什么意思

怎么将网页另存为html

xml转html

html时间代码

html2canvas使用

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站