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>
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表示的形状为__圆形_
html网页设计实验心得_；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小时内删除。
发表评论