加入强调语气,使用<strong>和<em>标签

有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。

但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

语法:

<em>需要强调的文本</em>  

<strong>需要强调的文本</strong>

如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。

代码实现:

在浏览器中默认样式是有区别的:

原代码,如下图。

浏览器中的样子,如下图。

<em>的内容在浏览中显示为斜体,<strong>显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用css样式去改变它。

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
</head>
<body>
    <p>1922年的春天,一个想要成名名叫<strong>尼克•卡拉威</strong>(托比•马奎尔Tobey Maguire饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>

  

时间: 2024-10-07 10:44:27

加入强调语气,使用<strong>和<em>标签的相关文章

&lt;em&gt;标签与&lt;strong&gt;标签区别

<em>标签与<strong>标签区别 <em> 标签告诉浏览器把其中的文本表示为强调的内容.把这段文字用斜体来显示. 尽 管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本.如果只想使用斜体 字来显示文本的话,请使用 <i> 标签.除此之外,文档中还可以包括用来改变文本显示的级联样式定义. 除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固

i标签和em标签的区别

很多人以为i标签和em标签都只是HTML用于斜体的标签,并不知道他们有什么区别. 其实对于熟悉SEO的人来说,他们的区别挺大的(普通用户略过). i标签的作用:仅仅是为了让字体显示斜体,对于SEO没什么作用. em标签的作用:不仅可以让字体显示斜体,而且可以加强语气,告诉搜索引擎这里是重要的. i标签和em标签的区别

&lt;em&gt;标签--斜体

源码: <body>    <em>需要强调的文本</em></body>

采用em标签制作的列表三角形标号

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

HTML标签&lt;b&gt;与&lt;strong&gt;以及&lt;i&gt;与&lt;em&gt;的区别

在一般情况下,<b>和<strong>标签的显示效果一样,<i>和<em>标签的显示效果一样.那么它们的区别在哪呢?我们应该使用哪种标签呢? 在w3school中,各标签的定义如下: <b> 标签规定粗体文本. <strong> 标签和 <em> 标签一样,用于强调文本,但它强调的程度更强一些. <i> 标签显示斜体文本效果. <em> 标签告诉浏览器把其中的文本表示为强调的内容. w3school

HTML标签语义化——使用b标签,还是strong标签

HTML标签语义化,相关的内容网上有很多.大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://www.think-ink.net/html/bold.htm. There is a difference between using what are referred to as logical tags and tags that primarily affect visual layout.

2-1 开始学习&lt;p&gt;标签

(1)开始学习<p>标签 如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中. 语法: <p>段落文本</p> 注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中.如下图所示. <p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它. 代码如下: <!DOCTYPE HTML

第二章 认识标签(第一部分)

2.1语义化,让你的网页更好的被搜索引擎理解 在这一章节我们要开始把网页中常用到的标签一 一向大家介绍,学习这一章节的时候要记住学习html标签过程中,主要注意两个方面的学习:标签的用途.标签在浏览器中的默认样式. 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签.文章中内容的段落就得放在段落标签中,在文章中有想强调

html5新增的语义化标签

1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义化标签? 1. 更容易被搜索引擎收录. 2. 更容易让屏幕阅读器读出网页内容. 3. 能够更好的体现页面的主题 4.兼容性更好,支持更多的网络设备 3.html语义化标签 1):