快捷导航
这一小节讲解<span>标签,我们对<em>、<strong>、<span>这三个标签进行一下总结:

1.<em>和<strong>标签是为了强调一段话中的关键词时使用,它们的语义是强调。

2.<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以利用到<span>标签了。

语法:

<span>文本</span>

任务:

1.在下面的代码中对“美国梦”文本加上<span>标签。

  1.   <!DOCTYPE HTML>
  2.                 <html>
  3.                 <head>
  4.                 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5.                 <title>了不起的盖茨比</title>
  6.                          <link rel="stylesheet" href="data.css">
  7.                 </head>
  8.                 <body>
  9.                     <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
  10.                 </body>
  11.                 </html>
复制代码



2.在同级目录下创建data.css文件,并且在该文件中输入以下代码,该代码的意义是为html代码中<span>标签设置文本颜色为蓝色。

  1. span{
  2. color:blue;
  3. }
复制代码




分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 支持支持 反对反对
举报 使用道具
| 回复

共 0 个关于本帖的回复 最后回复于 2015-10-9 15:09

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩推荐

  • FlashFXP 5.3.0.3925 简体中文绿色便携特别
  • 关于新手发帖回复提示“您无权发布该类型主
  • Discuz主题列表摘要图片显示4.4 商业版插件
  • 【HTML基础】-1.3-认识html标签
  • 安卓超漂亮的水果糖风格PNG图标

明星用户

快速回复 返回列表
qq
收缩

QQ|网站地图|Sitemap|Archiver|手机版|小黑屋|UPUPD工作室 ( 京ICP备14055827号-3|网站地图

GMT+8, 2024-4-19 20:58 , Processed in 0.091760 second(s), 40 queries .