html文本标签详细说明以及案例
2025-03-11
5
HTML 文本标签详细说明及案例
<h1>
到<h6>
说明: 用于定义标题,
<h1>
是最高级标题,<h6>
是最低级标题。案例:
<h1>这是标题1</h1> <h2>这是标题2</h2> <h3>这是标题3</h3>
<p>
说明: 用于定义段落。
案例:
<p>这是一个段落。</p>
<a>
说明: 用于创建超链接。
案例:
<a href="https://www.example.com">访问示例网站</a>
<b>
和<strong>
说明:
<b>
用于加粗文本,<strong>
用于强调文本(语义更强)。案例:
<b>加粗文本</b> <strong>强调文本</strong>
<i>
和<em>
说明:
<i>
用于斜体文本,<em>
用于强调文本(语义更强)。案例:
<i>斜体文本</i> <em>强调文本</em>
<u>
说明: 用于下划线文本。
案例:
<u>下划线文本</u>
<s>
和<del>
说明:
<s>
用于删除线文本,<del>
用于表示删除的文本(语义更强)。案例:
<s>删除线文本</s> <del>删除的文本</del>
<mark>
说明: 用于高亮文本。
案例:
<mark>高亮文本</mark>
<sup>
和<sub>
说明:
<sup>
用于上标文本,<sub>
用于下标文本。案例:
<p>这是一个<sup>上标</sup>和一个<sub>下标</sub>的例子。</p>
<q>
和<blockquote>
说明:
<q>
用于短引用,<blockquote>
用于长引用。案例:
<q>这是一个短引用。</q> <blockquote>这是一个长引用。</blockquote>
<code>
说明: 用于显示代码片段。
案例:
<code>console.log("Hello, World!");</code>
<pre>
说明: 用于预格式化文本,保留空格和换行。
案例:
<pre> 这是一段预格式化的文本。 它保留空格和换行。 </pre>
<br>
说明: 用于插入换行。
案例:
<p>这是第一行。<br>这是第二行。</p>
<hr>
说明: 用于插入水平分隔线。
案例:
<p>这是第一部分。</p> <hr> <p>这是第二部分。</p>
<abbr>
说明: 用于定义缩写或首字母缩略词。
案例:
<abbr title="World Wide Web">WWW</abbr>
<address>
说明: 用于定义联系信息。
案例:
<address> 作者: John Doe<br> 邮箱: john@example.com </address>
<time>
说明: 用于定义日期或时间。
案例:
<time datetime="2023-10-01">2023年10月1日</time>
本篇文章内容来源于:html文本标签详细说明以及案例
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。