数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究在 HTML 中创建斜体文本
在 HTML 中，可以使用 <i> 标签将文本表示为斜体。<i> 标签开头和结尾之间的文本将以斜体格式显示。<i> 标签被称为惯用文本元素。
语法
下面显示了 <i> 标签在 HTML 中的用法：
<html> <body> <p> Hello Welcome to <i>My World</i></p> </body> </html>
在上面的语法中，<i> 开头和结尾标签之间的句子将以斜体格式显示。
Hello Welcome to My World.
如果我们想要表示与周围环境不同的语言的短语，我们可以在 <i> 标签内使用 lang 属性。<i> 标签不用于样式目的。通过使用 CSS 的 font-style 属性，我们可以将文本设置为斜体样式。
示例
让我们看看 HTML 中 <i> 标签的一个示例：
<!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>
示例
以下是另一个示例，演示了在头部部分使用 <i> 标签：
<!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>
<em> 标签
为了在 HTML 中强调文本内容，我们使用 <em> 标签。它与 <italic> 标签相同。<em> 标签的开头和结尾标签之间的文本将以斜体形式显示。
斜体 <i> 和强调标签 <em> 之间的主要区别在于，强调标签在语义上强调单词的一部分，而 <i> 标签则以斜体显示文本，表示不同的语气。<em> 标签的效果可以通过使用 CSS 属性来实现。
语法
以下是 CSS 中 <em> 标签的用法：
em {
font-style: italic;
}
<em> 标签支持全局属性和事件属性。
<em> 元素放置在 <body> 标签内。
它用于将文本与其余内容隔开。
我们还可以通过应用 CSS 来更改 <em> 标签的行为。
<em> 属性不保存值。
所有浏览器都支持 <em> 标签。
现在让我们看一个程序，演示了在 HTML 中使用强调和斜体标签：
示例
在这个例子中，我们尝试一起使用 <em> 和 <i> 标签：
<!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>
更新于: 2023年10月10日
525 次浏览
广告