admin 管理员组

文章数量: 887021


2023年12月22日发(作者:transcriptions)

练习1

一、填空题

1、网站由网页构成,并且根据功能的不同,网页又有 静态网页 和动态网页之分。

2、Web标准是一系列标准的集合,主要包括结构、表现 和 行为 。

3、HTML中文译为 超文本标记语言 ,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。

4、HTML语言主要是通过 HTML标记 对网页中的文本、图片、声音等内容进行描述。

5、在网站建设中,HTML用于搭建页面结构,CSS用于设置页面样式, JavaSCript用于为页面添加动态效果。

二、判断题

1、因为静态网页的访问速度快,所以现在互联网上的大部分网站都是由静态网页组成的。(X )

2、网页主要由文字、图像和超链接等元素构成,但是也可以包含音频、视频以及Flash等。(√ )

3、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。( √)

4、URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。( √)

5、DNS(英文Domain Name System的缩写)是域名解析系统。但是,在Internet上域名与IP地址之间并不是对应的。( X)

6、Firebug是IE浏览器中常用的一个插件,属于IE强力推荐的插件之一。( X)

7、在网站建设中,JavaScript用于搭建页面结构。(X )

8、实际网页制作过程中,最常用的网页制作工具是Dreamweaver。( √)

9、在Dreamweaver中制作网页,在菜单栏中选择【文件】→【保存】选项,或使用快捷键Ctrl+S,即可完成文件的保存。( √)

10、所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。(X )

三、选择题

1、 在Dreamweaver中,使用主浏览器预览网页的快捷键是( B )

A、Ctrl+S B、F12 C、F5 D、Ctrl+F12

2、 使用内嵌式添加CSS样式,CSS样式需要写在( D )

A、标记之间 B、标记之间

C、标记之间 D、标记之间

3、 下面选项中,对JavaScript语言描述正确的是( ABD )

A、JavaScript是Web页面中的一种脚本语言文字。

B、JavaScript用于为页面添加动态效果。

C、JavaScript可以替代html和css。

D、JavaScript语言的前身是LiveScript语言。

4、 下面选项中,属于网页构成元素的是( ABC )

A、音频 B、视频 C、文字 D、psd图像

5、 浏览器是网页运行的平台,下列属于网页制作中常用浏览器的是( ABC )

A、IE B、谷歌 C、火狐 D、搜狗

6、 在Dreamweaer中,使用主浏览器预览网页的快捷键是( C )

A、f9 B、f10 C、f12 D、ctrl+f12

7、 在HTML中,网页要显示的主体内容应放置在( C )

A、标记之间 B、标记之间

C、标记之间 D、HTML中的任意位置

8、 下列选项中的术语名词,属于网页术语的是( ABC )

A、WEB B、HTTP C、DNS D、IOS

9、 下面的选项中,关于Web标准说法正确的是( CD )。

A、Web标准只要包括HTML标准。

B、Web标准是由浏览器的各大厂商联合制定的。

C、Web标准并不是某一个标准,而是一系列标准的集合。

D、Web标准主要包括结构标准、表现标准和行为标准三个方面。

10、 下列选项中属于Web标准构成部分的是( ABCD )。

A、结构标准 B、表现标准 C、行为标准 D、以上说法均正确

练习2

一、填空题

1、网页的根标记是,主体标记是 ,标题标记是 。 </p><p style="text-indent: 2em;";>2、<!DOCTYPE> 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 </p><p style="text-indent: 2em;";>XHTML 标准规范。 </p><p style="text-indent: 2em;";>3、网页当中的常见图片格式有jpg格式, png 格式和 gif 格式。 </p><p style="text-indent: 2em;";>4、<font>标记的 color 属性可以设置文本的颜色。 </p><p style="text-indent: 2em;";>5、 标签表示一个图像信息,它有一个必须要指定的 SRC 属性,用来指定图片路径。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1、一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内。( √ ) </p><p style="text-indent: 2em;";>2、一个HTML文档可以含有多对<head>标记。( × ) </p><p style="text-indent: 2em;";>3、<hr />为单标记,用于定义一条水平线。( √ ) </p><p style="text-indent: 2em;";>4、<!DOCTYPE>标记和浏览器的兼容性无关,为了代码简洁,可以删掉。( × ) </p><p style="text-indent: 2em;";>5、 <p>是HTML文档中最常见的标记,文本在一个段落中会根据浏览器窗口的大小自动换行。( √ ) </p><p style="text-indent: 2em;";>6、 在HTML中,标记可以拥有多个属性。( √ ) </p><p style="text-indent: 2em;";>7、 在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由外及内的顺序依次关闭标记。( √ ) </p><p style="text-indent: 2em;";>8、 图像文件和html文件位于同一文件夹,相对地址为。( √ ) </p><p style="text-indent: 2em;";>9、 在特殊字符中,<sub>用来表示上标。( × ) </p><p style="text-indent: 2em;";>10、 在特殊字符中,“<”用来表示小于号,“>”用来表示大于号。( √ ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三、选择题 </p><p style="text-indent: 2em;";>1、下列标记中,用于定义HTML文档所要显示内容的是( B )。 </p><p style="text-indent: 2em;";>A、<head></head> B、<body></body> </p><p style="text-indent: 2em;";>C、<html></html> D、<title>

2、 位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML

标准规范的标记是( A )。

A、 B、

C、 D、

3、下列选项中,说法正确的是( A B D )。

A、在HTML中还有一种特殊的标记——注释标记

B、标记分为单标记和双标记

C、

二级标题是一个单标记

D、

是一个双标记

4、在HTML中,表示内嵌CSS样式的标记是( B )。

A、 B、<style> C、<head> D、<meta> </p><p style="text-indent: 2em;";>5、<font></font>标记可以设置的属性有( A C D )。 </p><p style="text-indent: 2em;";>A、color B、align C、size D、font-family </p><p style="text-indent: 2em;";>6、下列属性中,用于设置鼠标悬停时图像的提示文字的是哪一项?( B ) </p><p style="text-indent: 2em;";>A、title B、alt C、width D、height </p><p style="text-indent: 2em;";>7、下面的选项中,支持透明的图像是哪一项?( A B D )。 </p><p style="text-indent: 2em;";>A、jpg格式 B、gif格式 C、psd格式 D、png格式 </p><p style="text-indent: 2em;";>8、下列关于特殊字符的说法不正确的是( C ) </p><p style="text-indent: 2em;";>A、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成 </p><p style="text-indent: 2em;";>B、可以通过菜单栏直接插入相应特殊字符的代码 </p><p style="text-indent: 2em;";>C、转义序列各字符间可以有空格 </p><p style="text-indent: 2em;";>D、转义序列必须以分号结束 </p><p style="text-indent: 2em;";>9、下列标记中,用来设置文本为粗体的是( D ) </p><p style="text-indent: 2em;";>A、<u></u> B、<del></del> </p><p style="text-indent: 2em;";>C、<strong></strong> D、<b></b> </p><p style="text-indent: 2em;";>10、标记链接图片路径的属性是( A )。 </p><p style="text-indent: 2em;";>A、src B、alt C、width D、height </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>练习3 </p><p style="text-indent: 2em;";>一、填空题 </p><p style="text-indent: 2em;";> 1、在CSS中,设置h2标记字号为16像素且显示红色字体的代码为 h2 </p><p style="text-indent: 2em;";>{font-size:16px;color:red;} 。 </p><p style="text-indent: 2em;";>2、行内式也称为内联样式,是通过标记的 Style 属性来设置元素的样式。 </p><p style="text-indent: 2em;";>3、在CSS中,用于设置行间距的属性是 line-height ,一般称为行高。 </p><p style="text-indent: 2em;";>4、text-decoration是文本修饰属性,其属性值 underline 是用来设置下划线的。 </p><p style="text-indent: 2em;";>5、id选择器使用 # 进行标识,后面紧跟id名。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1、书写CSS样式时,多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略。( ×) </p><p style="text-indent: 2em;";>2、在CSS代码中,空格是不被解析的。因此,属性的值和单位之间允许出现空格。(√ ) </p><p style="text-indent: 2em;";>3、在编写CSS代码时,为了提高代码的可读性,通常需要加CSS注释语句。(√ ) </p><p style="text-indent: 2em;";>4、行内式CSS样式是通过标记的属性来控制样式的,没有做到结构与表现的分离,所以一般很少使用。(√ ) </p><p style="text-indent: 2em;";>5、在链入式CSS样式中,一个HTML页面只能引入一个样式表。( ×) </p><p style="text-indent: 2em;";>6、CSS基础选择器仅有三种,分别是标记选择器、类选择器、id选择器。( √) </p><p style="text-indent: 2em;";>7、text-align属性用于设置文本内容的水平对齐,可适用于所有元素。(√ ) </p><p style="text-indent: 2em;";>8、在CSS中,元素的宽高属性具有继承性。( ×) </p><p style="text-indent: 2em;";>9、在CSS中,元素的边框属性不具有继承性。( √) </p><p style="text-indent: 2em;";>10、word-spacing属性用于定义英文单词之间的间距,对中文字符无效。(√ ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三、选择题 </p><p style="text-indent: 2em;";>1、下面的选项中, CSS样式规则的具体格式正确的是( C )。 </p><p style="text-indent: 2em;";>A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3} </p><p style="text-indent: 2em;";>B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;} </p><p style="text-indent: 2em;";>C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} </p><p style="text-indent: 2em;";>D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3} </p><p style="text-indent: 2em;";>2、下面的选项中,CSS样式书写正确的是( A,C,D ) </p><p style="text-indent: 2em;";>A、p { font-size:12px;color:red;} B、p { font-size=12px;color=red} </p><p style="text-indent: 2em;";>C、p { font-size:12px;} D、p { font-size:12;color:red;} </p><p style="text-indent: 2em;";>3、当<p>标记内嵌套<strong>标记时,就可以使用后代选择器对其中的<strong>标记进行控制,下列写法正确是( B ) </p><p style="text-indent: 2em;";>A、strong p{color:red;} B、p strong{color:red;} </p><p style="text-indent: 2em;";>C、strong,p{color:red;} D、{color:red;} </p><p style="text-indent: 2em;";>4、在行内式CSS样式中,<style>标记可以设置元素的样式,它一般位于( C )标记中<title>标记之后。 </p><p style="text-indent: 2em;";>A、<h1> B、<p> C、<head> D、<body> </p><p style="text-indent: 2em;";>5、text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果,其可用属性值有( A,B,C,D ) </p><p style="text-indent: 2em;";>A、none B、underline C、overline D、line-through </p><p style="text-indent: 2em;";>6、color属性用于定义文本的颜色,以下写法正确的是( A,D ) </p><p style="text-indent: 2em;";>A、h2{color: red;} B、h2{ color: "red";} </p><p style="text-indent: 2em;";>C、h2{color: "#F60";} D、h2{ color: #FF6600;} </p><p style="text-indent: 2em;";>7、在CSS中,用于设置首行文本缩进的属性是( D ) </p><p style="text-indent: 2em;";>A、text-decoration B、text-align </p><p style="text-indent: 2em;";>C、text-transform D、text-indent </p><p style="text-indent: 2em;";>8、text-align属性用于设置文本内容的水平对齐,其可用属性值有( A,B,C ) </p><p style="text-indent: 2em;";>A、left B、right C、center D、middle </p><p style="text-indent: 2em;";>9、如果使用内嵌式CSS样式表定义<p>标记字号为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为( B ) </p><p style="text-indent: 2em;";>A、只显示12像素 B、12像素红色 </p><p style="text-indent: 2em;";>C、只显示红色 D、以上都不正确 </p><p style="text-indent: 2em;";>10、下面的选项中,哪些CSS属性没有继承性( B,C </p><p style="text-indent: 2em;";>A、字体属性 B、边框属性 C、边距属性 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>) </p><p style="text-indent: 2em;";>D、字号属性 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>练习4 </p><p style="text-indent: 2em;";>一、填空题 </p><p style="text-indent: 2em;";> 1、在CSS中,用于设置边框颜色的是 border-color 属性。 </p><p style="text-indent: 2em;";>2、用于调整元素内容与边框之间的距离的是 padding 属性。 </p><p style="text-indent: 2em;";>3、在CSS中,用于设置上外边距的是 margin-top 属性。 </p><p style="text-indent: 2em;";>4、元素主要分为行内元素和块元素,使用 display 属性可以转换元素的类型。 </p><p style="text-indent: 2em;";>5、在CSS中,将图像作为网页元素的背景,可以通过 background-image 属性实现。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1、行内元素不能设置背景。( × ) </p><p style="text-indent: 2em;";>2、使用display:none;虽然可以隐藏元素,但是这时元素仍然会占用页面空间。( √ ) </p><p style="text-indent: 2em;";>3、border:1px solid #F00; 和border: solid #F00 1px;实现的效果是完全一样的。( √ ) </p><p style="text-indent: 2em;";>4、将元素转换为行内块元素的CSS代码为display:inline;。( × ) </p><p style="text-indent: 2em;";>5、border-style:dashed;样式可以将元素的边框设置为实线。( × ) </p><p style="text-indent: 2em;";>6、对一个宽度固定的块级元素应用margin:0 auto;样式,可使其水平居中。( √ ) </p><p style="text-indent: 2em;";>7、在CSS中border属性可用于改变元素的内边距。( × ) </p><p style="text-indent: 2em;";>8、背景图像的位置是可以调整的,但是只可以用使用预定义的关键字,比如:left,top等。( × ) </p><p style="text-indent: 2em;";>9、在CSS中background-images属性用于定义背景图像。( × ) </p><p style="text-indent: 2em;";>10、将span转换为行内块元素的方法是对其应用display:inline-block;样式。( √ ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三、选择题 </p><p style="text-indent: 2em;";>1、下面选项中,可以改变盒子模型外边距的是( B ) </p><p style="text-indent: 2em;";>A、padding B、margin C、type D、border </p><p style="text-indent: 2em;";>2、如何改变元素的左外边距?( B ) </p><p style="text-indent: 2em;";>A、text-indent B、margin-left C、margin D、margin-right </p><p style="text-indent: 2em;";>3、在CSS中,可以通过float属性为元素设置浮动,以下属于float属性值的是( A C )。 </p><p style="text-indent: 2em;";>A、left B、center C、right D、none </p><p style="text-indent: 2em;";>4、下列选项中,可以为元素清除默认内外边距的是( C D ) </p><p style="text-indent: 2em;";>A、font-size:0; B、line-height:0 C、padding:0; D、margin:0 </p><p style="text-indent: 2em;";>5、overflow属性用于规范溢出内容的显示方式,下列选项中属于overflow常用属性值的是( A B C D )。 </p><p style="text-indent: 2em;";>A、visible B、hidden C、auto D、scroll </p><p style="text-indent: 2em;";>6、position属性用于定义元素的定位模式,下列选项中属于position属性常用属性值的是( A B C D )。 </p><p style="text-indent: 2em;";>A、 static B、relative C、absolute D、fixed </p><p style="text-indent: 2em;";>7、下列选项中,属于边框属性样式的是( A B C ) </p><p style="text-indent: 2em;";>A、solid B、dashed C、dotted D、none </p><p style="text-indent: 2em;";>8、将一个盒子的上边框定义为1像素、蓝色、单实线,下列代码正确的是( B )。 </p><p style="text-indent: 2em;";>A、border-top:1px solid #00f; </p><p style="text-indent: 2em;";>B、border:1px solid #00f; </p><p style="text-indent: 2em;";>C、border-top:1px dashed #00f; </p><p style="text-indent: 2em;";>D、border:1px dashed #00f; </p><p style="text-indent: 2em;";>9、关于元素显示模式的转换,下列说法正确的是( A D )。 </p><p style="text-indent: 2em;";>A、 将块元素转换为行内元素的方法是使用display:inline; 样式 </p><p style="text-indent: 2em;";>B、 将行内元素转换为块元素的方法是使用display:inline; 样式 </p><p style="text-indent: 2em;";>C、 两者不可以转换 </p><p style="text-indent: 2em;";>D、 两者可以随意转换 </p><p style="text-indent: 2em;";>10、下列选项中,关于display:none;样式说法正确的是( B C ) </p><p style="text-indent: 2em;";>A、 显示元素对象 </p><p style="text-indent: 2em;";>B、 隐藏元素对象 </p><p style="text-indent: 2em;";>C、 占用页面空间 </p><p style="text-indent: 2em;";>D、 不占用页面空间 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>练习5 </p><p style="text-indent: 2em;";>一、填空题 </p><p style="text-indent: 2em;";> 1、在列表样式属性中,用来为列表项设置项目图像的属性是 list-style-type 。 </p><p style="text-indent: 2em;";>2、点击超链接标记<a>标签,在新窗口打开页面,需要设置属性target=" _blank "。 </p><p style="text-indent: 2em;";>3、设置访问后超链接的样式,需要给<a>标签添加css样式的伪类是 a:visited 。 </p><p style="text-indent: 2em;";>4、如果将一个超链接文本链接到页面中的某个锚点,则其href属性使用 # 符号加相应的id名标。 </p><p style="text-indent: 2em;";>5、 有序 列表是有排列顺序的,其各个列表项按照一定的顺序排列。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1、在HTML语言中,常用的列表有三种,分别为无序列表、有序列表和定义列表。(√ ) </p><p style="text-indent: 2em;";>2、无序列表的各个列表项之间,虽然没有顺序级别之分,但是存在主从关系。( × ) </p><p style="text-indent: 2em;";>3、在HTML中创建超链接非常简单,只需用<a></a>标记环绕需要被链接的对象即可。( √ ) </p><p style="text-indent: 2em;";>4、在超链接中“href”属性用于指定链接页面的打开方式。( × ) </p><p style="text-indent: 2em;";>5、在超链接中,当target取值为“_self”,意为在原窗口中打开链接页面。( √ ) </p><p style="text-indent: 2em;";>6、在HTML中,<ul></ul>标记可以用于定义有序列表。( × ) </p><p style="text-indent: 2em;";>7、在定义列表中,一对<dt></dt>标记可以对应多对<dd></dd>标记。( √ ) </p><p style="text-indent: 2em;";>8、在进行列表嵌套时,无序列表中只能嵌套无序列表。( × ) </p><p style="text-indent: 2em;";>9、在HTML语言中,通过创建锚点链接,用户能够快速定位到目标内容。( √ ) </p><p style="text-indent: 2em;";>10、为了使未访问和访问后的链接样式保持一致,通常对a:link和a:visited应用相同的样式。( √ ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三、选择题 </p><p style="text-indent: 2em;";>1、关于定义无序列表的基本语法格式,以下描述正确的是( A B C ) </p><p style="text-indent: 2em;";>A、<ul></ul>标记用于定义无序列表。 </p><p style="text-indent: 2em;";>B、<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项。 </p><p style="text-indent: 2em;";>C、每对<ul></ul>中至少应包含一对<li></li>。 </p><p style="text-indent: 2em;";>D、<li>不可以定义type属性,只能使用CSS样式属性代替。 </p><p style="text-indent: 2em;";>2、下列选项中,用于清除超链接默认的下划线的是( A ) </p><p style="text-indent: 2em;";>A、text-decoration:none; B、text-decoration:underline; </p><p style="text-indent: 2em;";>C、text-decoration:overline; D、text-decoration:line-through; </p><p style="text-indent: 2em;";>3、下列选项中,属于“target”属性值的是( B D ) </p><p style="text-indent: 2em;";>A、_double B、_self C、_new D、_blank </p><p style="text-indent: 2em;";>4、下列代码中,可以用于清除链接图像边框的是( A ) </p><p style="text-indent: 2em;";>A、border:0; B、margin:0; C、padding:0; D、list-style:none; </p><p style="text-indent: 2em;";>5、下列代码中,用于清除列表默认样式的是( A ) </p><p style="text-indent: 2em;";>A、list-style:none; B、list-style:0; C、list-style:zero; D、list-style:delete; </p><p style="text-indent: 2em;";>6、关于设置背景图像的代码片段background:url(images/) no-repeat left center;下列描述正确的是( A B C ) </p><p style="text-indent: 2em;";>A、url(images/) 设置网页的背景图像 </p><p style="text-indent: 2em;";>B、no-repeat设置背景图像不平铺 </p><p style="text-indent: 2em;";>C、left center用于控制背景图像的位置 </p><p style="text-indent: 2em;";>D、在上面的代码中,各个样式顺序任意 </p><p style="text-indent: 2em;";>7、CSS中,通过链接伪类可以实现不同的链接状态,下列说法错误的是( B C D ) </p><p style="text-indent: 2em;";>A、a:link{ CSS样式规则; } 超链访问时的状态 </p><p style="text-indent: 2em;";>B、a:visited{ CSS样式规则; } 访问后超链接的状态 </p><p style="text-indent: 2em;";>C、a:hover{ CSS样式规则; } 鼠标经过、悬停时超链接的状态 </p><p style="text-indent: 2em;";>D、a: active{ CSS样式规则; } 鼠标点击不动时超链接的状态 </p><p style="text-indent: 2em;";>8、在定义列表中,用于对名词进行解释和描述的标记是( D ) </p><p style="text-indent: 2em;";>A、<dl></dl> B、<li></li> C、<dt></dt> D、<dd></dd> </p><p style="text-indent: 2em;";>9、设置超链接<a>标记中<img>的border样式为none,下列代码书写正确的是( C ) </p><p style="text-indent: 2em;";>A、a .img{ border:none; } B、a#img{ border:none;} </p><p style="text-indent: 2em;";> C、a img{border:none; } D、{border:none;} </p><p style="text-indent: 2em;";>10、若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是( D ) </p><p style="text-indent: 2em;";>E、 B、# C、list#one D、#one </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>练习6 </p><p style="text-indent: 2em;";>一、填空题 </p><p style="text-indent: 2em;";> 1、在HTML语言中可以应用<tr>标记中的 align 属性,来设置一行内容的垂直对齐方式。 </p><p style="text-indent: 2em;";>2、在HTML语言中, <caption> 标记用于设置表格的表头。 </p><p style="text-indent: 2em;";>3、在HTML中,一个完整的表单通常由表单控件、提示信息和 表单域 三部分构成。 </p><p style="text-indent: 2em;";>4、<input />标记有多个属性,其中 type 属性为其最基本的属性,用于指定不同的控件类型。 </p><p style="text-indent: 2em;";>5、<form>与</form>之间的表单控件是由用户自定义的, action 、 method 和 name 为表单标记<form>的常用属性。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二、判断题 </p><p style="text-indent: 2em;";>1、在表格标记中,<table>标记用来创建一个表格。( √ ) </p><p style="text-indent: 2em;";>2、代码“<td rowspan="3">海淀区</td>”表示的意思是将三行合并为一行。( × ) </p><p style="text-indent: 2em;";>3、在<textarea>表单控件中,rows用来定义多行文本输入框每行中的字符数。( × ) </p><p style="text-indent: 2em;";>4、在表单控件中,对复选框应用checked属性,指定默认选中项。( √ ) </p><p style="text-indent: 2em;";>5、当对textarea控件应用cols和rows属性时,多行文本输入框在各浏览器中的显示效果可能会有差异。( √ ) </p><p style="text-indent: 2em;";>6、在表格中,<td>标记用于定义单元格,且必须嵌套在<tr></tr>标记中。( √ ) </p><p style="text-indent: 2em;";>7、在表格中,cellpadding属性用来控制单元格内容与边框之间的距离。( √ ) </p><p style="text-indent: 2em;";>8、在表单提交方式中,get方式的保密性好,并且无数据量的限制。( × ) </p><p style="text-indent: 2em;";>9、在表单控件中,input控件默认有边框效果。( √ ) </p><p style="text-indent: 2em;";>10、在定义下拉列表时,<optgroup></optgroup>标记用于定义选项组,必须嵌套在<select></select>标记中。( √ ) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三、选择题 </p><p style="text-indent: 2em;";>1、下列选项中,属于创建表格的基本标记的是( A B C ) </p><p style="text-indent: 2em;";>A、<table></table> B、<tr></tr> C、<td></td> D、<title>

2、下列选项中,属于

标记属性的是( B C )

A、border B、cellspacing C、cellpadding D、background

3、
与之间的表单控件是由用户自定义的。下列选项中,不属于表单标记
的常用属性的是( B )。

A、action B、size C、method D、name

4、在表格中,用于设置表格背景颜色的属性是( D )。

A、border B、cellspacing C、cellpadding D、background

5、下列选项中,属于

标记属性的是( C D )。

A、width B、height C、colspan D、rowspan

6、下列选项中,属于input控件的是( A B C D)。

A、单行文本输入框 B、单选按钮

C、复选框 D、提交按钮

7、下列选项中,属于input控件的常用属性的是( A B C)。

A、type B、name C、value D、size

8、下列选项中,属于单行文本框属性的是(A B D )。

A、maxlength B、name C、value D、size

9、下列选项中,属于

C、 D、

练习7

一、填空题

1、在HTML文档中引入JavaScript有两种方式,一种是内嵌式;另一种是 外链式 。

2、JavaScript 关键字 ,又被称为“保留字”,是指在JavaScript语言中被事先定义好并赋予特殊含义的单词。

3、JavaScript中主要包括两种注释:单行注释和 多行 注释。

4、在Javascript中,函数使用关键字 function 来定义。

5、JavaScript中,所有的JavaScript变量都由关键字 var 声明。

二、判断题

1、在 HTML文档中引入JavaScript,有直接嵌入JavaScript脚本和链接外部JavaScript脚本两种。( √ )

2、在HTML文档中引入JavaScript,JavaScript脚本只能放在和之间。( × )

3、在