2-6 斜体
本节编程练习不计算学习进度,请电脑登录imooc.com操作

斜体

在排版中,除了用加粗来强调突出的文本之外,还可以使用斜体。斜体类似于加粗一样,除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em><i>来实现。
例如,下面的代码使用了<em><i>标签定义了强调文本:

<p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i>。</p>

效果查看最右侧结果窗口。

任务

我也来试试:完成下面任务

在右侧代码编辑器中的第12行输入正确代码,将段落中的所有英文单词部分斜体显示。

 

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>斜体</title>
  6. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
  7. </head>
  8.  
  9. <body>
  10. <p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i></p>
  11. <!--下面是任务部分-->
  12. <p>我正在学习Bootstrap。我发现Bootstrap真的好强大。</p>
  13. </body>
  14. </html>
下一节