HTML 斜体 span
HTML 中使用多个标签来以斜体显示文本。 这些标签突出显示不同语言的关键字、技术术语、短语或重要词。
斜体标签主要供用户使用,帮助他们强调文本片段,例如引号。
用户特别注意标有这些标签的内容。 因此可能有不同的标签用于将文本设为斜体,但在本文中,以下标签用于将 HTML 中的文本设为斜体。
-
<i>
标签 -
<em>
标签 -
<span>
标签
使用 <i>
标签将 HTML 中的文本设为斜体
在 HTML 中,标签 <i>
帮助我们将文本设为斜体,并定义了文本的一部分处于交替状态。 <i>
标签是一个包含开始和结束标签的容器标签。
<i>
标签内的内容通常以斜体形式显示。
语法:
<i>Contents</i>
代码示例:
<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>
使用 <em>
标签将 HTML 中的文本设为斜体
<em>
标签还用于将文本设为斜体。 读者将使用口头重读来强调 <em>
标签内的内容。
此容器标签有开始和结束标签,<em>
标签内的文本以斜体形式显示。
语法:
<em>Italic Text</em>
代码示例:
<p>You <em>have</em> to hurry up!</p>
使用 <span>
标签将 HTML 中的文本设为斜体
html <span>
标签是一个通用的内联容器,用于为样式目的对内联元素进行分组。 此标签有助于使特定文本或任何其他内容与其他内容不同。
<span>
是一个成对的标签,具有开始的 <
和结束的 >
标签,结束标签是强制性的。 <span>
标签类似于 <div>
但 <div>
是一个块级标签,而 span 是一个内联标签。
语法:
<span style="font-style:italic">contents</span>
代码示例:
<p>The bird is <span style="font-style:italic">flying</span> in the sky.</p>
让我们看一个在单个示例中使用所有这些属性的示例。
<!DOCTYPE html>
<html>
<head>
<title>HTML: The i and em span tags</title>
</head>
<body>
<h3>From the Universal Declaration of Human Rights</h3>
<p>
Where recognition of the inherent dignity and of the <i>equal and inalienable rights</i> of <em>all members of the human family</em> is the <span style="font-style: italic;">foundation of freedom, justice and peace</span> in the
world
</p>
</body>
</html>
总结
为了总结关于如何在 HTML 中将文本设置为斜体的文章,我们已经讨论了什么是斜体以及如何将文本设置为斜体。
此外,我们还讨论了用于将文本设为斜体的不同标签。 我们在本文中讨论的不同标签是 <i>
、<em>
和 <span>
。
相关文章
HTML 中的 role 属性
发布时间:2023/05/06 浏览次数:124 分类:HTML
-
本篇文章介绍 HTML role属性。HTML中 role 属性介绍,role 属性定义描述语义的 HTML 元素的角色。
在 HTML 中打印时分页
发布时间:2023/05/06 浏览次数:188 分类:HTML
-
本篇文章介绍如何在打印 HTML 页面或内容时强制分页。将 page-break-after 属性设置为 always Inside @media print to Page Break in HTML
在 HTML 中显示基于 Cookie 的图像
发布时间:2023/05/06 浏览次数:154 分类:HTML
-
本文介绍如何根据 HTML 中的 cookies 显示图像。根据 HTML 中设置的 Cookies 显示图像。问题陈述是我们需要根据网页传递的cookie来显示特定的图像。
在 HTML 中创建下载链接
发布时间:2023/05/06 浏览次数:140 分类:HTML
-
本文介绍如何在 HTML 中创建下载链接。使用 download 属性在 HTML 中创建下载链接.。我们可以使用 HTML 锚元素内的下载属性来创建下载链接。
HTML 中的 ::before 选择器
发布时间:2023/05/06 浏览次数:70 分类:HTML
-
本教程介绍 CSS ::before 伪元素。CSS ::before 伪元素。 ::before 选择器是一个 CSS 伪元素,我们可以使用它在一个或多个选定元素之前插入内容。 它默认是内联的。
在 HTML 中创建一个可滚动的 Div
发布时间:2023/05/06 浏览次数:54 分类:HTML
-
本篇文章介绍如何使 HTML div 可滚动。本文将介绍在 HTML 中使 div 可滚动的方法。 我们将探索垂直和水平滚动,并通过示例查看它们的实现。
HTML 显示箭头的代码
发布时间:2023/05/06 浏览次数:153 分类:HTML
-
一篇关于用于显示箭头的 Unicode 字符实体的紧凑文章。本文讨论使用 Unicode 字符实体在我们的 HTML 页面上显示不同的字符。 HTML 中使用了许多实体,但我们将重点学习表示上、下、左、右的三角
在 HTML 中启用和禁用复选框
发布时间:2023/05/06 浏览次数:149 分类:HTML
-
本篇文章介绍如何启用和禁用 HTML 中的复选框。HTML 中的复选框 复选框是一个交互式框,可以切换以表示肯定或否定。 它广泛用于表单和对话框。
HTML 中的只读复选框
发布时间:2023/05/06 浏览次数:198 分类:HTML
-
本篇文章介绍了如何在 HTML 中制作只读复选框。本文是关于如何使 HTML 复选框控件成为只读组件的快速破解。 但是,首先,让我们简要介绍一下复选框控件。