在 HTML 中创建斜体文本

htmlfront end technologyweb development更新于 2025/8/14 2:20:17

在 HTML 中，可以使用 标签将文本显示为斜体。 标签开头和结尾之间的文本以斜体格式显示。 标签被称为惯用文本元素。

语法

HTML 中 标签的用法如下所示 −

<html>
<body>
   <p> Hello Welcome to <i>My World</i></p>
</body>
</html>

在上述语法中， 打开和关闭标签之间的句子以斜体格式表示。

Hello Welcome to My World.

如果我们想要表示与其周围语言不同的短语，我们可以在 标签内使用 lang 属性。 标签不用于样式设置。通过使用 CSS font-style 属性，我们可以将文本设置为斜体。

示例

让我们看一下 HTML 中  标签的示例 −

<!DOCTYPE html>
<html>
<head>
   <style>
      i {
         font-style: italic;
      }
   </style>
</head>
<body>
   <p>The Italic element is displayed like this:</p>
   <i>Welcome to My World</i>
   <p>If you want to see the effects, Change the default CSS settings .</p>
</body>
</html>

示例

下面是另一个示例，演示了在 head 部分中使用 标签的方法 -

<!DOCTYPE html>
<html>
<head>
   <h1>TutorialsPoint WebSite</h1>
   <h2>
      <i> www.tutorialspoint.com</i>
   </h2>
</head>
<body>
   <p>The Italic element is displayed in the Head section of HTML document</p>
</body>
</html>

标签

为了在 HTML 中强调文本内容，我们使用 标签。它与 <italic> 标签相同。 标签的起始和结束标签之间的文本以斜体形式显示。

斜体 和强调标签 的主要区别在于，强调标签在语义上强调单词的某个部分，而 标签则以斜体显示文本，以表明不同的语气。 标签的效果可以通过使用 CSS 属性来实现。

语法

以下是 CSS 中 标签的用法 −

em {
   font-style: italic;
}

标签支持全局属性和事件属性。
元素位于 <body> 标签内
它用于将文本与其他内容分隔开来。
我们还可以通过应用 CSS 更改 标签的行为。
属性不包含值。
所有浏览器都支持 标签。

现在让我们看一个程序，演示 HTML 中强调和斜体标签的用法 −

示例

在此示例中，我们尝试同时使用 和 标签 −

<!DOCTYPE html>
<html>
<head>
   <style>
      em {
         font-style: italic;
         background-color: yellow;
         text-emphasis-color: green;
         text-emphasis-style: "*";
      }

      i {
         font-style: italic;
         background-color: pink;
      }
   </style>
</head>
<body>
   <p>An Emphasized element and italic text can be displayed like this:</p>
   <em>HTML Tutorial</em>
   <br>
   <br>
   <i>Best Tutorial WebSite</i>
   <p>To see the effects, Change the default CSS settings .</p>
</body>
</html>