UPUPD技术论坛

标题: 【HTML基础】-2.3-使用<span>标签 [打印本页]
作者: 洛尘    时间: 2015-10-9 15:09
标题: 【HTML基础】-2.3-使用<span>标签
这一小节讲解<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. }
复制代码








欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/) Powered by Discuz! X3.2