第1章 网站开发入门

例三制作简单的HTML+CSS页面（上）随堂测验

1、单选题：
‌符合Web标准的网页中，结构层由（）代码构成。‏
选项：
A: HTML
B: CSS
C: JavaScript
D: ASCII
答案: 【 HTML】

2、单选题：
‌符合Web标准的网页中，表现层由（）代码构成。‍
选项：
A: HTML       
B: CSS
C: JavaScript
D: GB2312
答案: 【 CSS】

案例一 了解网站开发流程随堂测试

1、单选题：
‍案例一 了解网站开发流程​
选项：
A: 段落
B: 图像
C: 代码
D: 注释
答案: 【 图像】

2、单选题：
‌（）是整个站点的地图，是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。​‌​
选项：
A: 导航条
B: LOGO
C: 广告条
D: 标题栏
答案: 【 导航条】

案例三制作简单的HTML+CSS页面（下）随堂测验

1、单选题：
‌用HTML编写的网页文档，其扩展名为（）。‏
选项：
A: .html
B: .css
C: .txt
D: .doc
答案: 【 .html】

2、单选题：
​下面（）标签属于HTML中的单标签。‎
选项：
A: <html>
B: <body>
C: <br> 
D: <title>
答案: 【 <br> 】

案例二 创建Dreamweaver站点随堂测验

1、单选题：
‍网站中所有文件及文件夹的命名尽量不要使用（）。‍
选项：
A: 中文
B: 英文
C: 数字
D: 英文和数字
答案: 【 中文】

第一单元测验

1、单选题：
‏网站按用途来划分可以分为门户网站、普及型网站、（）、媒体信息网站、娱乐型网站等。​
选项：
A: 电子商务网站
B: 信息网站
C: 图片网站         
D: 政务查询网站     
答案: 【 电子商务网站】

2、单选题：
‏打开网页，应该使用（）组合键来操作。‌
选项：
A: Ctrl+A
B: Ctrl+O
C: Ctrl+B
D: Ctrl+M
答案: 【 Ctrl+O】

3、单选题：
‌符合Web标准的网页中，行为层由（）代码构成​
选项：
A: GB2312
B: HTML
C: CSS
D: JavaScrip
答案: 【 JavaScrip】

4、单选题：
​Dreamweaver软件文档工具栏中，包括代码、拆分、（）、实时视图四种视图方式。‌
选项：
A: 大纲
B: 设计
C: Web版式
D: 页面
答案: 【 设计】

5、单选题：
‌（）是网站的标志，使人看见它就能够联想到企业。‏
选项：
A: 导航条
B: LOGO
C: 广告条
D: 标题栏
答案: 【 LOGO】

第2章 HTML标签与CSS样式基础

案例一 制作鲜花导购网页的结构——HTML标签（上）随堂测验

1、单选题：
‏Dreamweaver设计视图中，在文字后面按【Enter】键，此时在HTML代码中文字被加上了一个（）标签。‌
选项：
A: <br>
B: <p></p>
C: <hr>
D: <a>
答案: 【 <p></p>】

2、单选题：
‌单击超级链接，可以使浏览者（）。‌
选项：
A: 从一个网页跳转到另一个网页
B: 打开某个图像
C: 下载某个文件
D: ABC都对
答案: 【 ABC都对】

案例一 制作鲜花导购网页的结构——HTML标签（下）随堂测验

1、单选题：
‎在HTML中，列表分为（）。‏
选项：
A: 无序列表<ul>
B: 有序列表<ol>
C: 定义列表<dl>
D: ABC都对
答案: 【 ABC都对】

2、单选题：
‌HTML插入图像是通过（）标签进行定义的。‎
选项：
A: <src>
B: <img>
C: <alt>
D: <href>
答案: 【 <img>】

案例二制作鲜花导购网页——CSS样式基础（上）随堂测验

1、单选题：
‏（）{}选择器设置页面中所有<h1>标签的样式。‌
选项：
A: h1
B: .h1
C: #h1
D: *h1
答案: 【 h1】

2、单选题：
‏text-align=”（）”定义了文字的对齐方式为居中。‍
选项：
A: left
B: right
C: middle
D: center
答案: 【 center】

案例二制作鲜花导购网页——CSS样式基础（下1）随堂测验

1、单选题：
‍在HTML页面中引入CSS样式表的方法包括（）与导入样式表。‎
选项：
A: 内部样式表
B: 行内样式表
C: 链接样式表
D: ABC都对
答案: 【 ABC都对】

2、单选题：
‎样式表文件的扩展名为（）。‍
选项：
A: .css
B: .html
C: .asp
D: .jsp
答案: 【 .css】

案例二制作鲜花导购网页——CSS样式基础（下2）随堂测验

1、单选题：
‎多个选择器声明的样式风格完全相同，可以将声明相同的选择器归类为一组进行集体声明，具体方法为：各选择器之间用（）隔开。‎
选项：
A: ,        
B: #
C: *
D: ABC都对
答案: 【 ,        】

2、单选题：
‌下面语句描述正确的是（）。‍
选项：
A: 选择器的优先级从高到低为：行内样式 > id选择器 > 类选择器 > 标签选择器
B: 选择器的优先级从高到低为：行内样式 > id选择器 >标签选择器 > 类选择器
C: 选择器的优先级从高到低为：行内样式 >标签选择器 > 类选择器 > id选择器
D: 以上都不对
答案: 【 选择器的优先级从高到低为：行内样式 > id选择器 > 类选择器 > 标签选择器】

第2章 HTML标签与CSS样式基础单元测验

1、单选题：
​在Dreamweaver设计视图中，在文字后面按【Shift+Enter】组合键，此时在HTML代码中为文字添加（）标签。‌
选项：
A: <br> 
B: <p></p>
C: <hr>
D: <a>
答案: 【 <br> 】

2、单选题：
‌为标签设置类名称的方法是在该标签的起始标签中添加属性（）=”类名称”。‍
选项：
A: name        
B: css
C:  class
D: glass
答案: 【  class】

3、单选题：
​<div>标签对内可以内嵌（）和其他<div>标签等各种HTML元素。‎
选项：
A: 表格（table）
B: 文本（text）
C: 图像
D: ABC都对
答案: 【 ABC都对】

4、单选题：
​列表中包含的列表项使用（）标签对定义。‏
选项：
A: <ul></ul>
B:  <li></li>
C: <ol></ol>
D: 以上都不对
答案: 【  <li></li>】

5、单选题：
‎在HTML中，有序列表使用（）标签对表示。​
选项：
A: <ul></ul> 
B:  <dl></dl>
C: <ol></ol>
D: 以上都不对
答案: 【 <ol></ol>】

第3章文字在网页中的应用

案例一 制作个人博客首页——设置文字样式（上）随堂测试

1、单选题：
‏运用CSS对文字进行美化和修饰，包括设置文字的（）和加粗效果​
选项：
A: 字体
B: 字号
C: 颜色
D: D. ABC都对
答案: 【 D. ABC都对】

2、单选题：
‏（）属性叫做外边距，用来设置元素与元素之间的距离。​
选项：
A: padding
B: margin     
C: border
D: background
答案: 【 margin     】

案例一 制作个人博客首页——设置文字样式（下）随堂测验

1、单选题：
‌设置文字字体，使用font-family属性，其属性值中各字体之间用（）隔开。‏
选项：
A: ,
B: 、
C: .
D: 空格
答案: 【 ,】

2、单选题：
‏设置文字斜体显示，使用font-（）属性。‍
选项：
A: color
B:  size
C: style
D: css
答案: 【 style】

案例三 制作个人博客排行榜——设置列表样式（上）随堂测验

1、单选题：
‏（）标签表示无序列表标签。‏
选项：
A: <ol></ol>
B: <li></li>
C:  <ul></ul>
D: <div></div>
答案: 【  <ul></ul>】

2、单选题：
‌下面（）语句设置了各列表项的符号向内缩进。‎
选项：
A: list-style-position:inside; 
B: ist-style-type:inside;        
C: list-position:inside;
D: list-type:inside;
答案: 【 ist-style-type:inside;        】

案例三 制作个人博客排行榜——设置列表样式（下）随堂测验

1、单选题：
‏list-style-type:（）;用于设置列表项符号为空心圆○。‎
选项：
A: disc
B: circle
C: square      
D: none
答案: 【 circle】

2、单选题：
​list-style-type:（）;用于设置列表项符号为小写拉丁文。‎
选项：
A: decimal
B: lower-latin
C: lower-roman
D: none
答案: 【 lower-latin】

案例二制作个人博客子页—设置段落和其他文字样式（上）随堂测验

1、单选题：
‏设置段落样式的方法，包括设置段落的（）和段间距等。‌
选项：
A: 对齐方式
B: 缩进
C: 行间距
D: 以上都对
答案: 【 以上都对】

2、单选题：
‎语句（）设置整个页面的上下边距为5像素，左右边距为10像素。‎
选项：
A: margin:5px 10px;
B: margin:5px 10px，
C: margin:10px 5px;     
D: margin:10px 5px，   
答案: 【 margin:5px 10px;】

案例二制作个人博客子页—设置段落和其他文字样式（下）随堂测验

1、单选题：
‌text-decoration属性用于为文字添加（）。‍
选项：
A: 下划线
B: 删除线
C: 上划线
D: 以上都对
答案: 【 以上都对】

2、单选题：
‌转换英文字母大小写的属性是text-（）。‌
选项：
A: align
B: decoration
C: transform
D: 以上都不对
答案: 【 transform】

第3章文字在网页中的应用单元测验

1、单选题：
‌font-（）: bold;语句对文字进行加粗设置。​
选项：
A: size
B: weight      
C:  color
D: style
答案: 【 weight      】

2、单选题：
​（）属性，它叫做填充（或内边距），用来设置块元素中的元素同块边框之间的距离。‍
选项：
A: padding
B: margin
C: border      
D: background
答案: 【 padding】

3、单选题：
‏标题标签属于（）元素。‎
选项：
A: 行内
B: 块
C: 段落
D: 以上都不对
答案: 【 块】

4、单选题：
‎设置文字大小，使用font-size属性，其属性值可以是（）。​
选项：
A: 37.5px
B:  2em
C: small
D: 以上都可以
答案: 【 以上都可以】

5、单选题：
​相对长度单位是指网页元素的大小相对于某个参照物来确定，如使用（）作为参照物等。‏
选项：
A: 父元素
B:  浏览器
C: 屏幕分辨率
D: 以上都对
答案: 【 以上都对】

6、单选题：
‎可以用（）来组合设置文字属性。‍
选项：
A: font
B: p
C: table
D: body
答案: 【 font】

7、单选题：
‏text-decoration:（）表示为文字设置上划线。‍
选项：
A: underline
B: overline
C:  line-through
D: blink
答案: 【 overline】

8、单选题：
‏text-transform:（）表示将每个单词的所有字母大写。‍
选项：
A: capitalize
B: lowercase
C: uppercase
D: none
答案: 【 uppercase】

9、单选题：
‎（）-indent属性可以设置段落首行缩进。‌
选项：
A: p
B: line
C: text
D: word
答案: 【 text】

10、单选题：
​下列标签中，（）不是块级元素标签。‍
选项：
A: <p></p>
B:  <ul></ul>
C: <span></span>
D: <li></li>
答案: 【 <span></span>】

11、单选题：
‍属于块元素的HTML标签包括（）。​
选项：
A: 段落标签<p>
B: 标题标签<hn>
C: <div>标签
D: ABC都对
答案: 【 ABC都对】

12、单选题：
‏text-align用于设置块元素标签中内容的水平对齐方式，包括（）方式。‌
选项：
A: center
B: left
C: right
D: ABC都对
答案: 【 ABC都对】

13、单选题：
‍语句（）设置文字之间的间距为2个文字大小。‎
选项：
A: font-size:2em; 
B: letter-spacing:2em;         
C: letter_spacing:2em;        
D: ont_size:2em;
答案: 【 letter-spacing:2em;         】

第4章图像在网页中的应用

案例一 制作休闲文章页面——设置图像效果（上）随堂测验

1、单选题：
‏根据实现方式的不同，网页中的图像可分为两大类，一类是（），它是用HTML代码实现的；另一类是背景图像，是通过设置CSS样式实现的。‏
选项：
A: 背景
B: 插入图像
C: 颜色图像
D:  JPEG图像
答案: 【 插入图像】

2、单选题：

​在网页中插入图像的html标签代码为<img （）=”images/1.jpg” width=”400” height=”300”>。

‌选项：
A: url
B: src
C: scr
D: alt
答案: 【 src】

案例一 制作休闲文章页面——设置图像效果（下）随堂测验

1、单选题：
​设置图像大小，使用（）单位时，图像会随着父元素的大小变化而做出相应变化。‌
选项：
A: %
B: 像素
C: pt
D: cm
答案: 【 %】

2、单选题：
‍（）是设置边框宽度的属性。‍
选项：
A: border-style
B: border-width
C: border-height
D: border-color
答案: 【 border-width】

案例二 制作童话故事页面——设置网页元素背景（上）随堂测验

1、单选题：
‍下列关于设置背景图像的说法，（）是错误的。‏
选项：
A: 设置背景图像时，图像的路径可以使用相对路径
B:  设置背景图像时，图像的路径和图像的名称中可以包含中文
C: 设置背景图像时，可以使图像重复铺满整个页面
D: 设置背景图像时，可以指定图像所在位置
答案: 【  设置背景图像时，图像的路径和图像的名称中可以包含中文】

2、单选题：
​（）属性可以设置背景图像。‌
选项：
A: background-image
B: background-images
C:  image     
D: images
答案: 【 background-image】

案例二 制作童话故事页面——设置网页元素背景（下）随堂测验

1、单选题：
‍（）属性可以设置背景颜色。​
选项：
A: background-image
B: background-repeat
C: background-position
D: background-color
答案: 【 background-color】

第4章图像在网页中的应用单元测验

1、单选题：
‏在网页中插入图像，可以单击“插入”面板“（）”类别中的“图像：图像”按钮。‌
选项：
A: 常用
B: 布局
C: 表单
D: 文本
答案: 【 常用】

2、单选题：
‎要实现文字环绕图像效果，只需要在图像上设置（）属性float。‎
选项：
A: 环绕样式         

剩余75%内容付费后可查看

发表评论

电子邮件地址不会被公开。 必填项已用*标注