首页 > web前端 > html教程 > HTML 中的内联标签

HTML 中的内联标签

王林
发布: 2024-09-04 16:25:09
原创
660 人浏览过

对于创建网页,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中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板