《网页设计与制作》模块02挑战

姓名

班级（4位数字，如：2519）

下列关于HTML5文档结构的说法，正确的是 ( )。

下列属于HTML5语义化结构标签的一组是 ( )。

关于〈img〉标签，下列写法符合规范的是 ( )。

在下列路径中，属于相对路径且正确指向上两级目录的是 ( )。

超链接〈a href="#"〉的作用是 ( )。

在下列选项中，列表嵌套写法合法的是 ( )。

用于＊＊定义插入文本（下面线）*＊的标签是 ( )。

下列关于〈br〉标签与〈p〉标签的区别，说法正确的是 ( )。

HTML中表示＊＊版权符号©*＊的实体是 ( )。

在下列标签中，默认是行内块元素的是 ( )。

有序列表〈oltype="I"〉表示的序号样式是 ( )。

下列关于〈a〉标签target属性，错误的是 ( )。

HTML注释的正确写法是 ( )。

下列标签不能嵌套在〈p〉内部的是 ( )。

下列关于HTML5的语义化优势，错误的是 ( )。

HTML5文档声明的标准写法：______。

用于定义页面独立文章内容的HTML5标签：______。

〈img〉标签中必须填写的提升可访问性的属性：______。

实现页面内锚点跳转，href属性值的格式：______。

无序列表标签：______，有序列表标签：______。

定义列表的名词标签：______，描述标签：______。

超链接打开邮件的前缀协议：______。

相对路径中表示当前目录的符号：______。

HTML5用于定义页面主要内容的唯一标签：______。

强制保留文本空格与换行的标签：______。

〈strong〉标签与〈b〉标签相比，更具有______性。

网页中表示**小于号〈**的字符实体：______。

〈hr〉标签的作用：______。

行内元素一般不推荐嵌套______元素。

〈aside〉标签一般用于定义______内容。

HTML5的文档声明不区分大小写，都有效。 ( )

〈img〉标签是双标签，必须写闭合标签〈/img〉。 ( )

〈nav〉标签只能用于页面顶部的导航，不能用于底部导航。 ( )

当超链接的href属性值为空时，单击链接不会跳转。 ( )

〈ul〉标签和〈ol〉标签都必须嵌套〈li〉标签使用。 ( )

HTML5的结构标签可以提升网页的语义化和可读性。 ( )

标签可以实现段落换行，会产生段落间距。 ( )

alt属性是〈img〉标签的必填属性，符合网页可访问性标准。 ( )

〈div〉是HTML5新增的语义化结构标签。 ( )

有序列表可以通过type属性修改序号样式，如type="A”。 ( )

〈footer〉标签只能在一个网页中使用一次。 ( )

超链接不仅可以链接网页，还可以链接图片、文件、邮箱。 ( )

HTML注释不会在页面中显示。 ( )

标签是块级元素，会自动换行。 ( )

〈article〉标签内部可以包含文本、图像、列表等多种内容。 ( )

简述HTML5标准网页的基本结构，包含哪些核心标签？

说明〈img〉标签中src属性和alt属性的作用及区别。

无序列表〈ul〉和有序列表〈ol〉的区别是什么？分别适用于什么场景？

超链接〈a〉标签中target属性的常用取值有哪些？分别代表什么含义？

列举5个HTML5常用的语义化结构标签并说明各自用途。

简述块级元素和行内元素的区别，各举两个例子。

在HTML中，〈br〉标签和〈p〉标签的换行效果有什么不同？

什么是相对路径和绝对路径？在插入图像时如何选择使用？

构建一个简单的导航栏，包含“首页”“新闻”“产品”“联系我们”4个选项。选择“新闻”和“产品”选项，在新窗口中打开对应页面，选择“联系我们”选项，跳转到页面内的“联系信息”锚点位置，“首页”为当前页面链接。参考效果图5如图2.5所示。

使用HTML5语义化标签（〈header〉、〈nav〉、〈main〉、〈article〉、〈section〉、〈aside〉、〈footer〉）构建一个博客页面框架，包含页眉（博客名称、标语）、导航栏、核心文章内容、侧边栏（相关推荐）和页脚（版权信息）。参考效果图6如图2.6所示。