html5 css3网页设计基础教程答案 html5+css3网页设计基础教程作业

文章目录

• 🟨第1章🟩 HTML5+CSS3网页设计概述

• 🟡一 判断题🟢
• 🟠二 选择题🟤
• 🟢三 简答题🟣

• 🪶第2章🪶 初识HTML5

• 🦋一 判断题🦋
• 🪳二 选择题🪳
• 🦄三 简答题🦄

• 🟢第3章🟢 初识CSS3

• 🟡一、判断题🟡
• 🟣二、选择题🟣
• 🔴三、简答题🔴

• 🟨第4章🟨 CSS3选择器

• 🐷一 判断题🐷
• 😈二 选择题😈
• 🍁三 简答题🍁

🟨第1章🟩 HTML5+CSS3网页设计概述

🟡一 判断题🟢

1. 因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。（✖️）大多数网页是动静混合模式。
2. “HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。（✔️ ）
3. 在Web标准中，表现是指网页展示给访问者的外在样式。（ ✔️）
4. 在网页中，层叠样式表指的是JavaScript。（✖️ ）CSS
5. 所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。（ ✖️）结果不一样

🟠二 选择题🟤

2. 关于静态网页的描述，下列说法正确的是（ ）。
   A. 静态网页都会显示固定的信息。
   B. 静态网页不会显示固定的信息。
   C. 静态网页访问速度慢。
   D. 静态网页访问速度快。





4. 下列选项中的术语名词，属于网页术语的是（ ）。
   A. WEB B. HTTP C. DNS D. iOS







6. 关于Web标准的描述，下列说法正确的是（ ）。
   A. Web标准只要包括HTML标准。
   B. Web标准是由浏览器的各大厂商联合制定的。
   C. Web标准并不是某一个标准，而是一系列标准的集合。
   D. Web标准主要包括结构标准、表现标准和行为标准三个方面。
   







8. 关于HTML的描述，下列说法正确的是（ ）
   A. HTML是更严谨纯净的XHTML版本。✖️说法颠倒
   B. HTML提供了许多标签，用于对网页内容进行描述。
   C. 目前最新的HTML版本是HTML5。
   D. 初期的HTML在语法上很宽松。





10. 关于CSS的描述，下列说法正确的是（ ）。
    A. 当CSS作为独立的文件时，必须以.html为后缀名。✖️.css
    B. CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等外观显示样式。
    C. 只有独立的CSS文件才符合结构与表现分离的特点。✖️内嵌式引入css样式表
    D. 目前流行的CSS版本为CSS3。

🟢三 简答题🟣

1. 请简要描述一下HTTP和HTTPS的差异。

• 🔷HTTP详细规定了浏览器和万维网服务器之间的通信规则。 HTTP是非常可靠的协议，具有强大的自检能力。所有用户请求的文件到达客户端时，一定是准确无误的。但由于HTTP协议传输的数据都是未加密的，所以不能保证隐私数据的安全。 R https协议是由SSL加HTTP协议构建的可进行加密传输身份认证的网络协议要比HTTP协议安全。

2. 简述什么是JavaScript以及JavaScript的作用。

• 🔷 JavaScript是web开发领域中的一种功能强大的编程语言，主要用于开发交互式的web页面。 Java script内嵌于HTML网页中，通过浏览器内置的JavaScript引擎进行解释执行。把一个原本只能用来显示的页面转换成，支持用户交互的页面程序。最主流的应用是在web上创建网页特效或验证信息。

🪶第2章🪶 初识HTML5

🦋一 判断题🦋

1、标签和标签是并列关系。（ ✔️）
2、标签就是放在“< >”标签符中表示某个功能的编码命令。（✔️ ）
3、在标签嵌套中，单标签可以作为父级标签。（ ✖️）不可以
4、设置标签属性时，标签名与属性、属性与属性之间均以空格分开。（✔️ ）
5、绝对路径就是网页上的文件或目录在硬盘上的真正路径。（ ✔️）

🪳二 选择题🪳

1、 下列选项中，属于HTML5扩展名的是（ ）。

A、.xhtml B、.html C、.htm D、.xhtm

请添加图片描述

2、 下列选项中，可以调整图像垂直边距的属性是（ ）。

A、vspace B、title C、alt D、hspace

3、 下面的选项中，属于网页上常用图片格式的是（ ）。

A、GIF格式 B、PSD格式 C、PNG格式 D、JPG格式

4、 下列标签中，用于将文字以加删除线方式显示的是（ ）。

A、和

B、和

C、和

D、和

5、 下列选项中，可以设置文字字体的属性是（）。

A、face B、size C、color D、font

🦄三 简答题🦄

1. 请简要描述一下HTML5的优势。

• 🐈HTM L5的优势，兼容，合理应用。

2. 请简要描述一下cite标签的作用。

• 🐩用于对文档引用参考文献说明。

🟢第3章🟢 初识CSS3

🟡一、判断题🟡

1、外链式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中。（ ✔️）
2、word-wrap属性用于实现长单词和URL地址的自动换行。（✔️ ）
3、标签指定式选择器由标签选择器和id选择器两个选择器构成。（✖️ ）标签选择器f➕id选择器/类选择器
4、CSS的层叠性是指书写CSS样式表时，子标签会继承父标签的某些样式。（✖️ ）继承性
5、权重相同时，CSS样式遵循就近原则。（ ✔️）

🟣二、选择题🟣

1、 下列选项中， CSS注释的写法正确的是（ ）。

A、

B、/* 注释语句 /
C、/ 注释语句 /
D、“注释语句”

2、 下列选项中，属于引入CSS样式表的方式是（ ）。
A、行内式 B、内嵌式 C、外链式 D、旁引式

3、 下列选项中，用来表示通配符选择器的符号是（ ）
A、“”号 B、“#”号 C、“.”号 D、“:”号

4、 关于RGB代码的表示方法，下列选项正确的是（ ）。

A、rgb(255,0,0) B、rgb(100%,0%,0%) C、rgb(100%,0,0) D、rgb(100 0 0)

5、 下列选项中，不具有继承性的属性的有（ ）

A、padding B、background C、height D、border-top

🔴三、简答题🔴

1. 请简要描述一下什么是结构与表现相分离。

• 🧶结构与表现相分离是指网页设计中HTML标签用于搭建网页的基本结构,不使用标签属性设置显示样式。所有的样式交由CSS来设置。

2. 请简要描述一下CSS3的优势。

• 🧣CSS3优势:节约成本，提高性能。

🟨第4章🟨 CSS3选择器

🐷一 判断题🐷

1、在E[att^=value]属性选择器中，E指代的是某个标签。（✔️ ）
2、在E[att*=value]属性选择器中，E可以省略。（ ✔️）
3、CSS3中，子代选择器主要用来选择某个元素的子元素。（✖️ ）第一级子元素
4、CSS3中，临近兄弟选择器使用减号“－”来链接前后两个选择器。（ ✖️）➕号
5、CSS3中，:only-child 选择器用于匹配属于某父元素的唯一子元素的元素。（ ✔️）

• 属性选择器中如果E省略，则表示匹配满足条件的任意标签。

😈二 选择题😈

1、CSS3中，（ ）用来选择某个元素的第一级子元素的选择器是。

A、子代选择器 B、兄弟选择器 C、属性选择器 D、伪类选择器

2、CSS3中，用于为父元素中的第一个子元素设置样式的选择器是（ ）。

A、:last-child B、:first-child C、:not D、:nth-child(n)

3、CSS3中，用于为父元素中的倒数第n个子元素设置样式的选择器是（ ）。

A、:last-child B、:nth-of-type(n) C、:nth-last-child(n) D、:nth-child(n)

4、CSS3中，属于结构化伪类选择器的是（ ）。

A、:last-child B、:nth-of-type(n) C、:not D、:nth-child(n)

5、CSS3中，（ ）选择器用来选择没有子元素或文本内容为空的所有元素。

A、:last-child B、:empty C、:not D、:nth-child(n)

🍁三 简答题🍁

1. 请简要介绍一下E[att$=value]属性选择器。

• 选择名称。唯一的标签，且该标签定义了ATT属性。ate属性包含后缀为rescue的子字符串。

2. 请简述一下:not选择器的作用。

• 对某个结构标签使用样式，但是想排除这个结构元素下面的子结构元素，让子结构元素不使用某种样式。