当前位置: 首页 > news >正文

加入强调语气,使用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>

  

相关文章:

  • java内置了优先队列PriorityQueue
  • Hadoop和分布式系统
  • c++ 指向类成员函数的函数指针
  • 数组流中的中位数
  • Java——观察者模式实例
  • 连续子数组的最大和
  • 礼物的最大价值
  • 最长不含重复字符的字符串
  • Mac下JDK的安装的配置
  • 第二阶段个人总结09
  • java并发
  • idea中Spring报错Exception in thread main java.lang.ClassCastException
  • How Spring Boot Autoconfiguration Magic Works--转
  • PriorityQueue优先级队列
  • TCP/IP三次握手与四次挥手
  • Google 是如何开发 Web 框架的
  • 5分钟即可掌握的前端高效利器:JavaScript 策略模式
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • Java 11 发布计划来了,已确定 3个 新特性!!
  • JSDuck 与 AngularJS 融合技巧
  • mockjs让前端开发独立于后端
  • PHP 使用 Swoole - TaskWorker 实现异步操作 Mysql
  • Quartz初级教程
  • Web设计流程优化:网页效果图设计新思路
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 分享几个不错的工具
  • 关于 Cirru Editor 存储格式
  • 基于HAProxy的高性能缓存服务器nuster
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 记一次用 NodeJs 实现模拟登录的思路
  • 检测对象或数组
  • 聊聊sentinel的DegradeSlot
  • 如何设计一个比特币钱包服务
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 网络应用优化——时延与带宽
  • 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
  • 微信小程序:实现悬浮返回和分享按钮
  • 学习笔记:对象,原型和继承(1)
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 怎么把视频里的音乐提取出来
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • 继 XDL 之后,阿里妈妈开源大规模分布式图表征学习框架 Euler ...
  • # Apache SeaTunnel 究竟是什么?
  • # centos7下FFmpeg环境部署记录
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • #QT(智能家居界面-界面切换)
  • #每天一道面试题# 什么是MySQL的回表查询
  • $.ajax中的eval及dataType
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (力扣)1314.矩阵区域和
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (牛客腾讯思维编程题)编码编码分组打印下标(java 版本+ C版本)
  • (数位dp) 算法竞赛入门到进阶 书本题集