数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
服装设计
法学如何在HTML中包含强调文本？
为了在HTML中强调文本内容，我们使用<em>标签。它与<italic>标签相同。它有开始和结束标签，<em></em>。<em>标签是一个短语标签。它呈现为强调文本。
<em>Emphasized text</em>
出现在<em>标签的开始和结束标签之间的文本将以斜体形式显示。斜体<i>标签和强调标签<em>之间的主要区别在于，强调标签在语义上强调部分文字，而<i>标签则表示以斜体显示文本，表明不同的语气。<em>标签的效果可以通过使用CSS属性来实现。
语法
以下是CSS中<em>标签的使用方法：
em {
font-style: italic;
}
<em>标签支持全局属性和事件属性。
<em>元素放置在<body>标签内。
它用于将文本与其余内容隔开。
我们还可以通过应用CSS来更改<em>标签的行为。
<em>属性不保存值。
所有浏览器都支持<em>标签。
示例
以下示例演示了在HTML中使用<em>标签：
<!DOCTYPE html> <html> <body> <h1>Demonstrating em element</h1> <p>HTML stands for <em>Hyper Text Markup Language </em> created by <em>Berners-Lee </em>in late 1991 </p> <p>HTML is designed to create <em>Web Pages</em> </p> </body> </html>
示例
以下是另一个带有title属性的<em>标签示例，用于创建强调文本。
<!DOCTYPE html> <html> <head> <title> Inserting Emphasized text using HTML </title> </head> <body style="text-align: center;"> <h1 style="color:red;"> HTML Tutorial </h1> <h3> Inserting Emphasized text using HTML </h3> <em title="Emphasized text"> Welcome To TutorialsPoint </em> </body> </html>
示例
以下是使用CSS的<em>标签示例。
<!DOCTYPE html>
<html>
<head>
<style>
em {
font-style: italic;
background-color: yellow;
text-emphasis-color: green;
text-emphasis-style: "*";
}
</style>
</head>
<body>
<p>An Emphasized element can be displayed like this:</p>
<em>HTML Tutorial</em>
<p>To see the effects, Change the default CSS settings .</p>
</body>
</html>
示例
还有一个text-emphasis属性也可以用来突出显示文本，让我们来看一个使用CSS的text-emphasis的示例。以下示例演示了text-emphasis属性。
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
text-emphasis: filled;
}
p.ex2 {
text-emphasis: open;
}
p.ex3 {
text-emphasis: double-circle red;
}
p.ex4 {
text-emphasis: triangle blue;
}
</style>
</head>
<body>
<h1>Demonstrating text-emphasis Property</h1>
<p class="ex1">Welcome To My World</p>
<p class="ex2">It's a Beautiful World</p>
<p class="ex3">Learn HTML with Fun</p>
<p class="ex4">Door's Open</p>
</body>
</html>
更新于：2023年10月6日
302 次浏览
广告