任务描述
本关任务:合理运用文本层次语义元素完成一个“重要通知”的程序设计。效果图如下:
文本层次语义效果图
相关知识
为了完成本关任务,你需要掌握:1.strong元素,2.em元素,,3.mark元素4.def元素。
相关元素说明
em元素、strong元素、mark元素、def元素均为HTML5中定义的语义化元素,分别强调、更加强调、醒目显示、和定义术语的语义。这些元素均为行内元素,排版时如需换行,应使用
标签。
编程要求
根据前面的效果图,在右侧编辑器中的Begin - End区域内补充代码,为该网页添加一个“重要通知”,具体要求是:
1.文字“重要通知:”需要特别强调(strong)
2.文字“明日上午9:00整”需要醒目显示(mark)
3.文字“213”需要定义为术语(def),并且需要为该文本添加鼠标悬停显示说明文字的效果(title),说明文字内容为“行勉楼C座”。
4.文字“开会”需要斜体强调(em)。
测试说明
补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。
越努力越幸运,祝你成功!
代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- ********* Begin ******* -->
<strong>重要通知:</strong>
<mark>明日上午9:00整</mark>
<def title="行勉楼C座">213</def>
<em>开会</em>
<!-- ********* End ********* -->
</body>
</html>