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.xxx B.xxx@ C.xxx@com D.xxx@xxx (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、<Link Src=”main.css”type=text/css rel=stylesheet>
B、<Link href=”main.css”type=text/css rel=stylesheet>
C、<Link href=”main.css”type=text/css>
D、<Include href=”main.css”type=text/css rel=stylesheet>
(10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体
为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。
A、<Style>
.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}
</style>
B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}
C、<Style>
.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}
</style>
D、<Style>
..myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}
</style>
(11)下列哪个标签是定义标题的()
A、h1
B、hr
C、hw
D、p
(12)html中的注释标签是()
A、<---->
B、<--!-->
C、<!---->
D、<----!>
(13)<strong>…</strong>标签的作用是()
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.<body>B.<font>C.<br>D.<p>
(17)、下列哪一项是在新窗口中打开网页文档。()
A._self B._blank C._top D._parent
(18)、用HTML标记语言编写一个简单的网页,网页最基本的结构是()。
A<html><head>…</head><frame>…</frame></html>
B<html><title>…</title><body>…</body></html>
C<html><title>…</title><frame>…</frame></html>
D<html><head>…</head><body>…</body></html>
(19)要使表格的边框不显示,应设置border的值是()。
A.1B.0C.2D.3
(20)在HTML中,标记<pre>的作用是()。
A.标题标记B.预排版标记  C.转行标记D.文字效果标记
(21)定义锚记主要用到<a>标签中的()属性。
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.居中对齐:<div align="middle">…</div>
B.居右对齐:<div align="right">…</div>
C.居左对齐:<div align="left">…</div>
html网页设计超链接
D.两端对齐:<div align="justify">…</div>
(26)要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为()
A、_blank
B、_self
C、_parent
D、_top
(27)下列代表无序清单的标签是()
A、<ul>…<li>…</ul>
B、<ol>…<li>…</ol>
C、<hl>…<li>…</hl>
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的缩写是()
A.Computer Style Sheets
B.Cascading Style Sheets
C.Creative Style Sheets
D.Colorful Style Sheets
2、填空题
(1)、可用<p>标签定义段落。
(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)、要生成水平线,可用<hr>标签。
(7)、<img>中的src属性是用于指定图片源文件地址的。
(8)、要定义表单元素中的文本框,input标签中type属性应设为text。
(9)、要定义表单元素中的密码框,input标签中type属性应设为password。
(10)表格的标签是<table></table>,单元格的标签是<td></td>。
(11)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表示超链接文字在鼠标放上去时的状态。
(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:00;
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完成
请将代码写出。
#a{margin-left:-75px;margin-top:-25px;width:150px;height:50px;}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。