数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
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>
示例
以下另一个示例演示了在head部分中使用<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日
527 次浏览
广告