HTML 短语标签

HTML 短语标签表示网页中的短语或词汇，如文本、链接、图像等。它们通常被用于构建页面的基本结构和内容，并通常不会影响文档的样式或布局。

常见的 HTML 短语标签

文本标签

HTML 中最基本和最常见的标签就是文本标记。文本标记是用于标记文本内容并分类的标记。其中，最常见的包括：

• <p> 标签：用于段落的定义。在标记之间可以包含任何文本、图像和其他元素;
• <span> 标签：用于包裹短语或单词，是最常见的 HTML 内联元素，用于具有不同样式或语义的相邻文本中;
• <a> 标签：生成链接，使得用户可以在单击链接时访问另一个文档或到达文档中的某一部分。

图像标签

• <img> 标签：用于插入图像，它必须包含 src 属性，指定要显示的图像的 URL。

输入标签

• <input> 标签：用于在表单中插入各种输入元素，如文本框、复选框、单选按钮等。

其他标签

• <abbr> 标签：用于缩写或首字母缩写的定义；
• <cite> 标签：用于引用其他作品或从诸如文学作品和音乐作品等源中引用的一段话;
• <code> 标签：用于表示计算机代码；
• <em> 标签：用于表示强调的文本，通常会斜体显示;
• <mark> 标签：用于表示应该高亮显示的内容;
• <strong> 标签：用于表示强调的文本，通常使得字体更加粗体。

示例代码

<!--段落标签: <p> -->
<p>这是一个段落标签，它是用来放置一些段落式的文本的。</p>

<!--内联标签: <span> -->
<p>这是一段 <span style="color: red;">内联</span> 文本，它是用来表示与周围文本不同的一些单独短语的。</p>

<!--链接标签: <a> -->
<a href="/blog.html">这是一个链接标签，它可以链接到另一个网站或者当前网站的某个页面。</a>

<!--图像标签: <img> -->
<img src="images/logo.png" alt="Logo">

<!--输入标签: <input> -->
<input type="text" name="username" placeholder="请输入用户名">

<!--其他标签: <abbr> <cite> <code> <em> <mark> <strong> -->
<p>缩写：<abbr title="World Wide Web Consortium">W3C</abbr></p>
<p>引用：<cite>The Elements of Style</cite></p>
<p>代码：<code>console.log('Hello World!');</code></p>
<p>强调：<em>这段文本会斜体显示</em></p>
<p>高亮：<mark>这段文本将会被高亮显示</mark></p>
<p>加重强调：<strong>这段文本会变成粗体显示</strong></p>

参考资料

• HTML 标签 - MDN Web 文档
• HTML 标签列表 - W3Schools