首页  >  文章  >  web前端  >  HTML 中的内联标签

HTML 中的内联标签

王林
王林原创
2024-09-04 16:25:09608浏览

对于创建网页,HTML 元素在网页开发中发挥着重要作用。这些 HTML 元素具体分为 2 个子类别,例如内联元素和块级元素。内联元素是那些不以新行开头的元素。此外,它不占用网页上的全角空间。这种元素仅占据容纳所包含元素所需的空间。 HTML 中有多种内联标签。我们稍后会一一看到。 元素用作 HTML 中包含的文本的容器。大多数时候,内联元素在另一个 HTML 元素中使用。

创建内联元素的语法如下:

语法:

<span>Contents</span>
  • 如上所示,span 元素被视为包含元素的容器。不需要归属于span标签。它使用类名、idname 或样式作为属性。
  • 内联元素包含在正文部分内。与其他元素相比,这些元素创建的结构更短。

HTML 中的前 20 个内联标签

HTML 中将使用多个内联标签;我们来一一看看:

1。 : 此标签用于放置文本的缩写,例如 HTML、WWW、ASAP、PFA 等

语法:

<abbr title="Text">Abbrevation_HTML 中的内联标签</abbr>

2。 此标签用于描述首字母缩略词。就像 NASA、GUI 等。现在 HTML 5 中不再使用这个标签。它提供有关浏览器、搜索引擎等的信息。

语法:

<acronym title="Text">HTML 中的内联标签</acronym>

3。 : 定义粗体格式的文本。

语法:

<b>Text</b>

4。 : HTML 中的此内联标记定义了双向覆盖。它可以帮助用户覆盖现有的文本方向。它有两个值,从左到右和从右到左。

语法:

<bdo dir="ltr">Text </bdo>

5。 : 这是用于定义更大文本的内联标记之一。

语法:

<big>Text</big>

6。 <br>: 此标签用于在 HTML 代码中给出换行符或空格。

语法:

<br>

7。 HTML 中的按钮标签,用于创建可点击的按钮。

语法:

<button type="button"> Text</button>

8。 : 重要的内联元素之一是 ,它使用 HTML 定义作品或文档的标题。

语法:

<p><cite>Text </cite>other HTML 中的内联标签</p>

9。 : 该内联元素用于定义一段计算机代码。它被视为短语标签。

语法:

<code>Text</code>

10。 : 此内联元素用于定义 HTML 代码中术语的实例。

语法:

<p><dfn> HTML 中的内联标签</dfn></p>

11。 : 这也被视为使用强调文本呈现的短语标签。

语法:

<em>Text</em>

12。 : 此标签用于以另一种语气解释部分文本。主要用于以斜体显示包含的文本。这被称为技术术语。

语法:

<p> <i>HTML 中的内联标签</i>another HTML 中的内联标签</p>

13。 HTML 中的内联标签: 最重要的内联元素之一作为图像包含在我们的网页上。因此,此标签有助于在我们的网页中包含图像,如下所示:

语法:

<img  src="Image_URL" height="value"    style="max-width:90%" alt="HTML 中的内联标签" >

14。 这种类型的内联元素将在

中使用元素。它允许用户放置输入数据。

语法:


15。 这也称为 HTML 中的短语标签,用于从键盘获取输入。

语法:

<kbd>keyboard input</kbd>

16。  此内联元素将在

语法:


以上是HTML 中的内联标签的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:HTML figure Tag下一篇:Pre Tag in HTML