1、单选题
(1)要使单选框或复选框默认为已选定,要在input 标签中加()属性
A、selected
B、disabled
C、type
D、checked
(2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input 中加()属性
A、selected
B、disabled
C、type
D、checked
(3)下列哪一项表示的不是按钮。()
A.type="submit" B.type="reset" C.type="image" D.type="button"(4)下面哪一个属性不是文本的标签属性?()
A.nbsp; B.align C.color D.face
(5)下面哪一项的电子邮件链接是正确的?()
A.https://www.wendangku.net/doc/598619386.html, B.xxx@.net C.xxx@com
D.xxx@https://www.wendangku.net/doc/598619386.html, (6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。()
A.ASP B.HTML C.ZIP D.CGI
(7)下面说法错误的是( )
A、CSS 样式表可以将格式和结构分离
B、CSS 样式表可以控制页面的布局
C、CSS 样式表可以使许多网页同时更新
D、CSS 样式表不能制作体积更小下载
更快的网页
(8)CSS 样式表不可能实现( )功能。
A、将格式和结构分离
B、一个CSS 文件控制多个网页
C、控制图片的精确位置
D、兼容所有的浏览器
(9)若要在网页中插入样式表main.css,以下用法中,正确的是()。
A 、
B 、
C、
D、
(10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体
为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。
A、
.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}
B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}
C、
.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}
D、
. .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}
(11)下列哪个标签是定义标题的()
A、h1
B、hr
C、hw
D、p
(12)html 中的注释标签是()
A、< ------------- >
B、<--! -->
C、
D、< ------------- !>
(13)…标签的作用是()
A、斜体
B、下划线
C、上划线
D、加粗
(14)网页中的空格在html 代码里表示为()
A、&
B、
C、"
D、<
(15)下列哪种方式是用类选择器定义样式的()
A、p{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(16)、下面哪一项是换行符标签?()
A.
B. C.(17)、下列哪一项是在新窗口中打开网页文档。()
A._self B._blank C._top D._parent
(18)、用HTML 标记语言编写一个简单的网页,网页最基本的结构是()。
A
… …B
C
D
… …(19)要使表格的边框不显示,应设置border 的值是( )。
A.1 B.0 C.2 D.3
(20)在HTML 中,标记
的作用是( )。A.标题标记B.预排版标记 C.转行标记D.文字效果标记
(21)定义锚记主要用到标签中的()属性。
A、name
B、target
C、onclick
D、onmouseover
(22)下列哪个是正确的css 集体声明方式()
A、p;h1{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
(23)下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800 号,正确的定义是:()
A、p {font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic;}
B、p {font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic;}
C、p {font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic;}
D、p{font-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体;}
(24)下列样式定义字体间距为0.5 倍间距、水平左对齐、垂直顶端对齐、有下划线,正确
的定义是:()
A、p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:
left;}
B、p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:
left;}
C、p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:
underline;}
D、p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align:
top;}
(25)关于文本对齐,源代码设置不正确的一项是:()
A.居中对齐:
…B.居右对齐:
…C.居左对齐:
…D.两端对齐:
…(26)要在新窗口中打开所点击的链接,实现方法是将标签的target 属性设为()
A、_blank
B、_self
C、_parent
D、_top
(27)下列代表无序清单的标签是()
A、
B、
C、
D、< li >…< ol >… li >
(28)定义表单所用的标签是()
A、table
B、form
C、select
D、input
(29)要实现表单元素中的复选框,input 标签的type 属性应设为()
A、radio
B、checkbox
C、select
D、text
(30)CSS 的缩写是()
https://www.wendangku.net/doc/598619386.html,puter Style Sheets
B.Cascading Style Sheets
C.Creative Style Sheets
D.Colorful Style Sheets
2、填空题
(1)、可用
标签定义段落。
(2)、CSS 为超级链接文本建立了4 个伪类选择器: a:link 为尚未链接的超级链接文本样式, a:visited 为已链接过的超级链接文本样式, a:hover 为鼠标移到超级链接文本上方的样式, a:active 为在超级链接文本上的选择鼠标的样式。
(3)用来输入密码的表单域是 type=password 。
(4)文件头标签包括关键字、描述、编码、基础和链接等。
(5)Area 的shape 属性中,shape=rect 表示的形状为矩形;shape=circle 表示的形状为圆形;shape=poly 表示的形状为多边形_。
(6)、要生成水平线,可用
(7)、中的src 属性是用于指定图片源文件地址的。
(8)、要定义表单元素中的文本框,input 标签中type 属性应设为text 。
(9)、要定义表单元素中的密码框,input 标签中type 属性应设为password 。
(10)表格的标签是
(1)HTML 网页文件的标记是,网页文件的主体标记是,标记页面标题的标记是。
(12)表格的宽度可以用百分比和像素两种单位来设置。
(13)HTML 文件的扩展名,CSS 文件的扩展名。
(14)定义换行所用的标签是br 。
(16) 、合理的页面布局中常听过结构与表现分离,那么结构是 .html ,表现是.css
(17)、如下图为一个border 为1px 的div 块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div 的width 应设置为188 px。
(18)、CSS样式有内联式,内嵌式,链接式和导入式
(19)、CSS中ID选择符在定义的前面要有指示符 #。
(20)、创建自定义 CSS 样式时,样式名称的前面必须加一个圆点
(21)、a:hover 表示超链接文字在鼠标放上去时的状态。
(2)、div 与span 的区别是 div 是块元素,span 是行内或内联元素
(23)、改变元素的外边距用margin ,改变元素的内填充用padding (24)、Color:#666666;可缩写为color:#666 。
3.将以下 CSS 代码进行缩写,注意要符合缩写的规范。
(1)、代码一:
border-width:1px;
border-color:#000;
border-style:solid;
(2)、代码二:
background-position:0 0;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#f00;
background-image:url(background.gif);
(3)、代码三:
font-style:italic;
font-family:"Lucida Grande",sans-serif;
font-size:1em;
font-weight:bold;
font-variant:small-caps;
line-height:140%;
(4)、代码四:
list-style-position:inside;
list-style-type:square;
list-style-image:url(image.gif);
(5)、代码五:
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
margin-top:20px;
(6) 、代码六:
color:#336699;
color:#ffcc00;
3、制作题(15 分)
(1)使用内联的CSS 样式,重构一个如下图的水平、垂直都居中短边为50px,长边为150px 的红色十字架。
要求:
1)使用2 个div 完成
2)使用3 个div 完成
3)使用5 个div 完成
请将代码写出。
答案:
1、使用2 个div 完成:
#a,#b{ position:absol
ute; background-
color:red;
top:50%;left:50%;}
#a{margin-left:-75px;margin-top:-25px;width:150px;height:50px;}
#b{margin-left:-25px;margin-top:-75px;width:50px;height:150px;}
2.使用3 个div 完成:
#a,#b,#c{position:absolute;background-color:red;top:50%;left:50%;}
#a{width:50px;height:50px;margin-top:-25px;margin-left:-75px}
#b{margin-left:-25px;margin-top:-75px;width:50px;height:150px;}
#c{width:50px;height:50px;margin-top:-25px;margin-left:25px;}
3.使用5 个div 完成:
#a{position:absolute;width:150px;height:150px;left:50%;top:50%;
margin-left:-75px;margin-top:-75px;
background-color:red;}
#b,#c,#d,#e{background-color:white;width:50px;height:50px;position:absolute;} #b{left:0;top:0; }
#c{right:0;top:0;}
#d{left:0;bottom:0;}
#e{right:0;bottom:0;}
(2)如何指定div 元素中样式类为c1,字体大小为9pt 的css 样式?
答案:
div .c1{font-size:9pt;}
(3)用html 实现如下表格(不如嵌套实用表格)
三行三列,其中第一行第一列和第二行第一列合并;
第二行第二列和第二行第三列合并(现场画表)
4.问答题
(1)web 标准网站有那些优点
便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等
(2)怎样使一个盒子垂直居中于浏览器中?
答案:
margin:-100px 0 0 -100px;
width:200px; height:200px;
border:1px solid red;
}
-->
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
(3) 说明在网页设计中层(盒子)的作用。
答案:
层,也就是DIV 标记,是一个区块级的HTML 标记,在该标记之间可以添加段落、表格、图片等内容,使同一个DIV 标记中的元素具有相同的样式,并可在页面显示时同时出现、移动以及隐藏。
它的主要作用有以下两点:(1) 将一些标记元素组织起来,应用DIV 的属性为这些标记元素定义统一的样式;(2) 利用其z-index 属性,实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。
(4)CSS 指的是什么?在网页制作中为什么要使用CSS 技术?
答案:
CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
自考网页设计与制作试卷及答案(一) 第I部分选择题 一、单项选择题(本大题共25小题,每小题l分,共25分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.TCP协议对应于OSl七层协议的哪一层 ( ) A.会话层 B.网络层 C.传输层 D.数据链路层 2.主机域名www.sina.corn.cn由四个子域组成,其中代表国别代码的子域是 ( ) A.www B.sina C.com D.cn 3.HTML是一种 ( ) A.程序设计语言 B.执行语言 C.编译语言 D.页面描述语言4.当进行页面布局的时候能够使用的方法有 ( ) A.页面布局法 B.实时布局法 C.软件布局法 D.抽象布局法5.下列不是图像处理软件的是 ( ) A.Photoshop B.Fireworks C.Word D.PhotoImpact 6.”&;"代表的符号是 ( ) A.< B.> C.& D." 7.符号清单前的符号由标记属性type来控制,当type取值为DISC时,表示符号为 ( ) A.实心圆点 B.空心圆点 C.实心方块 D.空心方块8.HTML中表示表格标题的标记为 ( ) A.%table> B.