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. B.xxx@ C.xxx@com(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)若要在网页中插入样式表,以下用法中,正确的是()。
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.D.
(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)下列样式定义字体间距为倍间距、水平左对齐、垂直顶端对齐、有下划线,正确的定义是:()
A、p{text-decoration:underline;letter-spacing:;vertical-align:top;
text-align:left; }
B、p{text-decoration:;letter-spacing:underline;vertical-align:top;
text-align:left; }
C、p{text-decoration:left;letter-spacing:top;vertical-align:;text-align:
underline; }
D、p{text-decoration:underline;letter-spacing:;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的缩写是()
Style Sheets Style Sheets
Style Sheets 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)表格的标签是
(11)HTML网页文件的标记是________,网页文件的主体标记是_________,标记页面标题的标记是_____________。
(12)表格的宽度可以用百分比和像素两种单位来设置。
(13)HTML文件的扩展名_____________,CSS文件的扩展名_____________。
(14)定义换行所用的标签是 br 。
(16) 、合理的页面布局中常听过结构与表现分离,那么结构是 __,表现是
(17)、如下图为一个border为1px 的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为___188___px。
(18)、CSS样式有内联式,内嵌式,链接式和导入式
(19)、CSS中ID选择符在定义的前面要有指示符 #。
(20)、创建自定义CSS样式时,样式名称的前面必须加一个圆点
(21)、a:hover表示超链接文字在鼠标放上去时的状态。
(22)、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;
(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;
(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:absolute;
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)如何指定div元素中样式类为c1,字体大小为9pt 的css样式? 答案:
div .c1{font-size:9pt;}
(3)用html实现如下表格(不如嵌套实用表格)
三行三列,其中第一行第一列和第二行第一列合并;
第二行第二列和第二行第三列合并(现场画表)
4.问答题
(1) web标准网站有那些优点
便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等(2)怎样使一个盒子垂直居中于浏览器中?
答案:
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
(3) 说明在网页设计中层(盒子)的作用。
答案:
层,也就是DIV标记,是一个区块级的HTML标记,在该标记之间可以添加段落、表格、图片等内容,使同一个DIV标记中的元素具有相同的样式,并可在页面显示时同时出现、移动以及隐藏。
它的主要作用有以下两点:(1) 将一些标记元素组织起来,应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性,实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。
(4)CSS指的是什么?在网页制作中为什么要使用CSS技术?
答案:
CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、