![](https://lstatic.shangxueba.com/sxbzda/h5/images/m_q_title.png)
定义网页标题的标记是?
A.<title>
B.<meta />
![](https://lstatic.shangxueba.com/sxbzda/h5/images/tips_org.png)
第1题
A、
B、
C、<title>
D、<meta />
参考答案:<span style="color:rgb(255, 0, 0)">C</span>
3、<body>标记的作用是?
A、定义网页标题
B、定义HTML文档在浏览器中窗口中显示的内容
C、定义网页样式
D、定义网页编码标准
参考答案:<span style="color:rgb(255, 0, 0)">B</span>
4、下面的HTML语句,哪些语法是正确的。
A、<input type="checkbox" />
B、
这是段落<span>内部文本</span>
C、<h1 align="center">标题1文本</h1>
D、这是超链接
参考答案:<span style="color:rgb(255, 0, 0)">ACD</span>
5、下面哪些标记是HTML头文件<head>标记内部的标记?
A、<style><br/> B、<title><br/> C、<meta><br/> D、<link><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABCD</span></p><br/><br/>6、HTML的标记是区分大小写的。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>7、在HTML5语法中,标记的属性的属性值可以不放在引号中。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>8、HTML注释的语法是:<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);"><!-- 注释 --></span></p><br/><br/>9、HTML文档的主体标记是:<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);"><body></span></p><br/><br/>10、用于定义页面的元信息,如网页编码、网页刷新时间等,可以重复出现在<head>头标记中的标记是:<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);"><meta></span></p><br/><br/><strong style="font-size:16px;">单元作业1 HTML文档基本格式</strong><br/><br/>1、有如下HTML代码,找出其中的错误并修正之: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>HTML5 6 <style> 7 <!--注释内容--!> 8 </style> 9 </head> 10 <link rel="stylesheet" href="style01.css" type="text/css" /> 11 <body> 12 <h2> align="center" HTML5简介</h2> 13
HTML5是HTML即超文本标记语言或超文本链接标示语言的第五个版本,目前广泛使用的是HTML4.01。HTML5草案的前身名为Web Applications 1.0,2004年被WHATWG提出。2007年被W3C接纳,并成立了新的HTML工作团队。2008年1月22日,第一份正式草案公布。 14
</body> 15
16
参考答案:<span style="color:rgb(255, 0, 0)">第5行代码缺少标题结束标记:</span>
</body></title>第7行代码注释格式不正确,应为:第10行代码应在第9行结束标记之前,即<link />标记应包含在标记内。第12行代码<h2>标记的属性应写在h2和>之间,即:</h2><h2 align="center">,且h2和align之间有空格。第15行段落结束标记
应在结束标记之前,因为
标记是的子标记,开始和结束标记都应在和内部。注意标记间的嵌套关系,子标记要先于父标记结束。
1、下面那个标记是段落标记?
A、</h2><h1>
B、
C、<span>
D、
第2题
A、
B、
C、<title>
D、<style><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、为了描述网页的信息,必须使用()标记来制定网页的关键字和网页描述信息。<br/> A、<title><br/> B、<meta><br/> C、<link><br/> D、<head><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>5、一个完整的HTML文档都包含在<html>和</html>之中,其中包含()和()两大部分。<br/> A、<title><br/> B、<head><br/> C、<body><br/> D、<style><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">BC</span></p><br/><br/><strong style="font-size:16px;">HTML基本语法随堂测验</strong><br/><br/>1、用HTML标记语言编写一个简单的网页,网页最基本的结构是()。<br/> A、<html><head>...</head><frame>...</frame></html><br/> B、<html><title>...</title>...<br> C、<title>...</title>...<br> D、......<br><p class="answer"></p><br><br>2、以下说法中,错误的是()。<br> A、网页的本质就是HTML源代码<br> B、网页就是主页<br> C、使用“记事本”编辑网页时,应将其保存为.htm或.html后缀<br> D、本地网站通常就是一个完整的文件夹<br><p class="answer"></p><br><br>3、下列()软件不能编辑HTML语言。<br> A、记事本<br> B、editplus<br> C、sublime text<br> D、c语言<br><p class="answer"></p><br><br>4、为了标示一个HTML文件应该使用的标记是()。<br> A、<p></p><br> B、<br> C、<br> D、<br><br><p class="answer"></p><br><br>5、在网页设计中,()是所有页面中的重中之重,是一个网站的灵魂所在。<br> A、引导页<br> B、脚本页面<br> C、导航栏<br> D、主页<br><p class="answer"></p><br><br><strong style="font-size:16px;">HTML概述测试</strong><br><br>1、URL是下列( )的简写,中文译作( )。<br> A、Uniform Real Locator,全球定位<br> B、Unin Resource Locator,全球资源定位<br> C、Uniform Real Locator,全球资源定位<br> D、Uniform Resource Locator,全球资源定位<br><p class="answer"></p><br><br>2、关于HTML文件说法错误的是()。<br> A、HTML文件是一个包含标签的文本文件<br> B、这些标签告诉浏览器怎样显示这个页面<br> C、HTML文件必须以.htm为扩展名<br> D、HTML文件可以用一个简单的文本编辑器创建<br><p class="answer"></p><br><br>3、关于HTML文件说法正确的是()。<br> A、HTML标签都必须成对使用<br> B、在<title>和</title>标签之间的是头信息<br> C、HTML标签是不分大小写的,<b>跟<b>表示的意思是一样的<br> D、键盘上的回车符与<br>在HTML代码中作用是一样的<br><p class="answer"></p><br><br>4、为了标识一个HTML文件应该使用的HTML标记是( )。<br> A、<p></p><br> B、 <boby> <br> C、 <br> D、 <table></table> <br> <p class="answer"></p> <br> <br>5、下列()技术可以用于帮助网页设计时使页面具有统一、专业的外观。 <br> A、HTML <br> B、DHTML <br> C、CSS <br> D、JavaScript <br> <p class="answer"></p> <br> <br>6、在客户端网页脚本语言中最为通用的是( )。 <br> A、JavaScript <br> B、VB <br> C、Perl <br> D、ASP <br> <p class="answer"></p> <br> <br>7、以下标记符中,用于设置页面标题的是()。 <br> A、 <title><br/> B、<caption><br/> C、<head><br/> D、<meta><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>8、“HTTP”的中文含义是( )。<br/> A、文件传输协议<br/> B、超文本传输协议<br/> C、顶级域名网址<br/> D、以上都不是<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>9、<meta>标记可用来说明网页的相关信息,使用()属性可说明网页的关键字和网页描述。<br/> A、name<br/> B、content<br/> C、http-equiv<br/> D、keywords<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>10、下面关于<link>标记说法错误的是()。<br/> A、<link>标记用于设置外部文件的链接标记<br/> B、<link>标记只能在<head>标记中使用<br/> C、<link>标记可以设置网页标题<br/> D、<link>标记可以确定本页面与其它文档(如CSS样式)之间的关系<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>11、关于<title>标记,下列说法错误的是()。<br/> A、<title>标记之来定义网页标题的<br/> B、一个网页文件中<title>标记可以有多个<br/> C、<title>只能在<head>标记中使用<br/> D、<title>标记是双标记<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>12、HTML5的正确的DOCTYPE是( )。<br/> A、<!doctype html><br/> B、<!doctype html5><br/> C、<!doctype html4><br/> D、<!doctype><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>13、以下关于HTML标签叙述错误的是( )。<br/> A、可以单独出现,也可以成对出现 。<br/> B、必须正确嵌套<br/> C、标签可以带有属性,属性的顺序无关<br/> D、标签和其属性构成了HTML元素<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>14、以下关于网页源文件的叙述不正确的是( )。<br/> A、网页源文件是一些代码<br/> B、网页源文件客户端是看不到的<br/> C、网页源文件可以在记事本里打开<br/> D、网页源文件是纯文本文件<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>15、网页在Internet 上是通过URL来指明其所在的位置的,每个不同的网页都应该有不同的URL,比如263网站主页的URL就是( )。<br/> A、http://www.263.com<br/> B、http:\\www.263.com<br/> C、ftp://www.263.com<br/> D、mailto: www.263.com<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/><strong style="font-size:16px;">第二章 文字与列表</strong><br/><br/><strong style="font-size:16px;">文字与列表测试</strong><br/><br/>1、HTML中用于设置文本字体的标记是( )。<br/> A、<color><br/> B、<font><br/> C、<size><br/> D、<face><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>2、表示水平分割线线的标记是() 。<br/> A、<hr><br/> B、<br><br/> C、<br/><br/> D、<hr></hr><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>3、下面标记中,( )在标记的位置添加一个回车符。<br/> A、<h1><br/> B、<br><br/> C、<enter><br/> D、<hr><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>4、创建最小的标题的文本标签是( ).<br/> A、<pre></pre><br/> B、<h1></h1><br/> C、<h6></h6><br/> D、<b></b><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>5、在HTML中,标记<pre>的作用是( )。<br/> A、标题标签<br/> B、预排版标签<br/> C、换行标签<br/> D、文字效果标签<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>6、在定义列表的标记中,用来创建列表中元素标题的是()。<br/> A、<dl>...</dl><br/> B、<dt>...</dt><br/> C、<dd>...</dd><br/> D、<dn>...</dn><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>7、在网页中添加空格使用()。<br/> A、键盘上空格键space<br/> B、<br><br/> C、 <br/> D、 <br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>8、文字加粗标记()。<br/> A、<b>...</b><br/> B、<br>...</br><br/> C、<i>...</i><br/> D、<cite>...</cite><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>9、为文字添加下划线标记是()。<br/> A、<s>...</s><br/> B、<del>...</del><br/> C、<u>...</u><br/> D、<center>...<center><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>10、关于设置文字标注,下列用法正确的是()。<br/> A、<ruby>被说明的文字 <rt>标注的文字</rt></ruby><br/> B、<ruby>被说明的文字 </ruby><rt>标注的文字</rt><br/> C、<rt>标注的文字</rt><ruby>被说明的文字 </ruby><<br/> D、<ruby>被说明的文字 <rt>标注的文字</ruby></rt><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>11、在html中换行使用()。<br/> A、<enter><br/> B、<br><br/> C、<p><br/> D、<nobr><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>12、下列关于水平分隔线标记说法错误的是()。<br/> A、水平分割线标记<hr>双单标记<br/> B、可以设置水平分隔线的长度<br/> C、可以设置水平分隔线的颜色<br/> D、可以设置水平分隔线的粗细<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>13、列表使用时下列写法正确的是()。<br/> A、<ul><li>...</li>...<li>...</li></ul><br/> B、<ol><li>...</li>...<li>...</li></ul><br/> C、<ol>...</ol><li>...</li>...<li>...</li><ol>...</ol><br/> D、<li>...</li>...<ul>...</ul><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>14、下列关于列表说法错误的是()。<br/> A、无序列表可通过type属性指定列表项前的符号<br/> B、有序列表type属性可以指定列表项前的编号样式<br/> C、有序列表还有start属性可以改变编号的起始值<br/> D、定义列表也可以设置列表项前的符号或序号<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>15、下列说法错误的是()。<br/> A、<sup></sup>表示上标<br/> B、<em></em>表示下划线<br/> C、<s></s>表示删除线<br/> D、<del></del>表示删除线<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>16、下列说法正确的是()。<br/> A、<p>和<br>的区别是<p>插入了一个空行<br/> B、<p>和<br>的区别是<p>不是换行符,而<br>是<br/> C、<p>和<br>的区别就是<p>后面不能加入文字<br/> D、<p>和<br>的区别就是<br>后面不能加入文字<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>17、<hr noshade>表示( ) 。<br/> A、表示水平线没有阴影<br/> B、表示水平线没有边框<br/> C、表示页面边界没有阴影<br/> D、表示水平线不显示<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>18、想要将页面中的文本采用项目符号的形式予以显示,采用()标记组合可以达到要求。<br/> A、<p>和<hr><br/> B、.<ul>和<li><br/> C、<br>和<p><br/> D、<li>和<a><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>19、有序列表的项目编号要从大写英文字母开始,type属性值设置为()。<br/> A、a<br/> B、1<br/> C、A<br/> D、i<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>20、改变有序列表的项目编号起始值的属性是()。<br/> A、Value<br/> B、Start<br/> C、Type<br/> D、begin<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/><strong style="font-size:16px;">第三章 图像与超链接</strong><br/><br/><strong style="font-size:16px;">图像与超链接测试</strong><br/><br/>1、如何在网页中引入图像,可使用img 标签的()属性。<br/> A、alt<br/> B、width<br/> C、src<br/> D、align<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>2、超链接中指定链接的目标地址使用()属性?<br/> A、src<br/> B、href<br/> C、alt<br/> D、target<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>3、超链接是建立网站、网页主要元素之一。若要建立在同一网页内的链接,应采用以下()链接形式。<br/> A、链接到一个E-mail<br/> B、书签式链接<br/> C、框架间链接<br/> D、链接到一个网站<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>4、若要在页面中创建一个图像超链接,要显示的图形为 myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中正确的是()。<br/> A、<a href=http://www.pcnetedu.com">myhome.jpg</a><br/> B、<a href="http://www.pcnetedu.com"><img src="myhome.jpg"></a><br/> C、<img src="myhome.jpg"><a href ="http://www.pcnetedu.com"></a><br/> D、<a href =http://www.pcneredu.com><img src="myhome.jpg"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>5、下面是相对路径的是()。<br/> A、http://www.sina.com.cn<br/> B、ftp://219.153.40.150<br/> C、../a.html<br/> D、/a.html<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>6、表示跳转到页面的”bn”锚点的代码是()。<br/> A、<a link="#bn"> ... </a><br/> B、<a href="bn"> ... </a><br/> C、<a href="#bn"> ... </a><br/> D、<a herf="bn"> ... </a><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>7、<a href="hello.html#top"> ... </a>,表示()。<br/> A、跳转到”hello.html”页面的顶部<br/> B、跳转到”hello.html”页面的”top”锚点<br/> C、跳转到”hello.html”页面的底部<br/> D、跳转到”hello.html”页面的文字”top”所在链接<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>8、表示新开一个窗口的超链接代码是()。<br/> A、<a href=URL target=_new>..</a><br/> B、<a href=URL target=_self>..</a><br/> C、<a href=URL target=_blank>..</a><br/> D、<a href=URL target=_parent>..</a><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>9、要想在新的浏览器窗口中打开链接页面,应将链接对象的“目标(target)”属性设为( )。<br/> A、_parent<br/> B、_blank<br/> C、_self<br/> D、_top<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>10、在一个网站中,路径的表示方式一般有( )。<br/> A、绝对路径、根目录、相对路径<br/> B、绝对路径、根目录、绝对路径<br/> C、绝对路径、根目录相对路径、文档目录相对路径<br/> D、绝对路径、根目录绝对路径、文档目录相对路径<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>11、超链接a标记的title属性代表什么含义()。<br/> A、超链接的名字<br/> B、网页标题<br/> C、超链接标题<br/> D、指向超链接时显示的文字<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>12、在网页中,必须使用链接标记的( )属性来设置目标窗口的打开方式。<br/> A、href<br/> B、title<br/> C、target<br/> D、a<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>13、在网页中,可以使用()链接方法制作帮助文档。<br/> A、图片链接<br/> B、书签链接<br/> C、邮件链接<br/> D、FTP链接<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>14、一个文件夹名称叫Parent,其下有一个叫做test.asp的文件,和一个名为Child的文件夹。Child下有一个名为default.htm文件,想在default.htm中作一个链接,链到test.asp。以下正确的是()。<br/> A、<a href=“/test.asp”>…</a><br/> B、<a href=“c:/test.asp”>…</a><br/> C、<a href=“‥/test.asp”>…</a><br/> D、<a href=“Parent/test.asp”>…</a><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>15、想要为网页中的文字加上超链接,可以采用()标记达到要求?<br/> A、<link><br/> B、<href><br/> C、<a><br/> D、<b><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>16、我们发现为页面中的图像加入超链接后,默认情况下都带有一道黑框,采用()方法可以去掉它呢?<br/> A、bordercolor="white"<br/> B、border="0"<br/> C、style="no border"<br/> D、style="0"<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>17、如何制作电子邮件链接()。<br/> A、<a href="xxx@yyy"><br/> B、<mail href="xxx@yyy"><br/> C、<a href="mailto:xxx@yyy"><br/> D、<mail>xxx@yyy</mail><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>18、如何在新窗口打开链接()。<br/> A、<a href="url" new><br/> B、<a href="url" target="_blank"><br/> C、<a href="url"target="new"><br/> D、<a href="url" target="_parent"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/><strong style="font-size:16px;">1-3章作业</strong><br/><br/>1、1.要求将网页放在文件夹之中,包括所有网页文件与用到的图片等文件,压缩成.zip或者.rar文件上传,网页设计的要求样式建附件的page1.jpg和 page2.jpg,网页设计所需的图片建附件1.jpg。 2.作业要求如下:使用HTML标记完成附件Page1.jpg和page2.jpg的网页。 (1)设计如附件所示的两个网页(1分) (2)网页有一级标题(1分) (3)第一个网页有文字修饰标记,设置字体、字号、颜色(1分) (4)第一个网页有网页文字的斜体、加粗(1分) (5)段落要求能够进行对齐、换行的设置(1分) (6)在第二个网页上用到1个图片,美化页面。 (1分) (7)网页包含1个列表(1分) (8)每个网页都有导航栏,可以通过导航栏在两个页面之间跳转(超链接)。(1分) (9)第二个网页文本内容居中显示(1分) (10)最后一行靠右显示并加下划线(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">互评评分要求:本题共10分,共有10个得分点,按作业要求如实评分,有一点得1分。</span></p><br/><br/><strong style="font-size:16px;">第五章 表单</strong><br/><br/><strong style="font-size:16px;">表单测试</strong><br/><br/>1、下列关于表单的说法不正确的是( )。<br/> A、表单元素可以单独存在于网页表单之外<br/> B、表单中包含各种对象,例如文本域、列表框、复选框和单选按钮<br/> C、get和post方法是浏览器将表单信息提交给服务器程序的两种主要方法<br/> D、表单由两部分组成:一是描述表单的HTML源代码;二是用来处理用户在表单域中输入的信息的服务器端应用程序<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>2、下列不是表单对象的是( )。<br/> A、单行文本框<br/> B、复选框<br/> C、下拉菜单<br/> D、图文框<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>3、有如下一行代码<input type="text" name="txt"> 请问它的功能是( )。<br/> A、创建一个文本框<br/> B、创建一个密码框<br/> C、创建一个文本域<br/> D、创建一个按钮<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>4、在HTML中,<form action=?>,action表示( )。<br/> A、提交的方式<br/> B、表单所用的脚本语言<br/> C、处理表单的url地址<br/> D、表单的形式<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>5、在HTML中,<form method=?>,method表示( )。<br/> A、提交的方式<br/> B、处理表单所用的脚本语言<br/> C、提交的URL地址<br/> D、表单的形式<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>6、增加表单的复选框的HTML代码是( )。<br/> A、<input type="submit"><br/> B、<input type= "image"><br/> C、<input type="text"><br/> D、<input type="checkbox"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>7、增加表单的密码域的HTML代码是( )。<br/> A、<input type="submit"><br/> B、<input type="password"><br/> C、<input type="radio"><br/> D、<input type="checkbox"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>8、创建选项菜单应使用以下标记符( )。<br/> A、SELECT 和 OPTION<br/> B、INPUT 和 LABEL<br/> C、INPUT<br/> D、INPUT 和 OPTION<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>9、在指定单选框时,只有将以下( ) 属性的值指定为相同,才能使它们成为一组。<br/> A、id<br/> B、name<br/> C、value<br/> D、checked<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>10、以下有关表单的说明中,错误的是( )。<br/> A、表单通常用于搜集用户信息<br/> B、在 FORM 标记符中使用 action 属性指定表单处理程序的位置<br/> C、表单中只能包含表单控件,而不能包含其他诸如图片之类的内容<br/> D、在 FORM 标记符中使用 method 属性指定提交表单数据的方法<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>11、下列的HTML中( )可以产生下拉列表。<br/> A、<list><br/> B、<input type="list"><br/> C、<input type="dropdown"><br/> D、<select><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>12、在页面中看不见的表单元素是( )。<br/> A、<input type="password"></input><br/> B、<input type="radio"></input><br/> C、<input type="hidden"></input><br/> D、<input type="reset"></input><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>13、在HTML上,将表单中INPUT元素的TYPE属性值设置为( )时,用于创建重置按钮。<br/> A、reset<br/> B、set<br/> C、button<br/> D、Image<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>14、阅读以下代码段,则可知( )。 INPUT type="text" name="textfield"> <INPUT type="radio" name="radio" value="女"> <INPUT type="checkbox" name="checkbox" value="checkbox"> <INPUT type="file" name="file"><br/> A、上面代码表示的表单元素类型依次是:文本框、单选按钮、复选框、文件域<br/> B、上面代码表示的表单元素类型依次是:文本框、复选框、单选按钮、文件域<br/> C、上面代码表示的表单元素类型依次是:密码框、多选按钮、复选框、文件域<br/> D、上面代码表示的表单元素类型依次是:文本框、单选按钮、下拉列表框、文件域<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>15、对于<FORM action=″URL″ method=*>标签,其中*代表GET或( )。<br/> A、SET<br/> B、PUT<br/> C、POST<br/> D、INPUT<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>16、对于标签〈input type=*〉,如果希望实现密码框效果,*值是( )。<br/> A、hidden<br/> B、text<br/> C、password<br/> D、Submit<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>17、下面对表单的说法错误的是( )。<br/> A、表单在Web 页面中用来给访问者填写信息,从而能采集客户端信息,使页面具有交互信息的功能。<br/> B、一个表单用<form></form>标志来创建<br/> C、action属性的值是指处理程序的程序名(包括网络路径,网址或相对路径)<br/> D、method属性用来定义处理程序从表单中获得信息的方式,可取值为GET和POST中的一个。其中POST方式传送的数据量比较小。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>18、下面对与按钮的说法中错误的是( )。<br/> A、按钮可分为普通按钮、提交按钮和重置按钮<br/> B、<input type="button">表示这是个提交到服务器的按钮<br/> C、<input type="RESET">表示这是个重置按钮<br/> D、name属性用来指定按钮名称<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>19、下面说法中错误的是( )。<br/> A、<input type="CHECKBOX" checked>,其中checked属性用来设置该复选框缺省时是否被选中<br/> B、<input type="HIDDEN">表示一个隐藏区域。用户可以在其中输入某些要传送的信息<br/> C、<input type="PASSWARD">表示这是个密码区域。当用户输入密码时,区域内将会显示“*”号<br/> D、<input type="RADIO">表示这是一个单选按钮<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>20、Html5中,用于在文本框或其输入域中提供提示信息,以增加用户界面的友好性和可用性,使用()属性。<br/> A、placeholder<br/> B、autofocus<br/> C、required<br/> D、pattern<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>21、在html5中规定必须在提交之前填写输入域不能为空的属性是( )。<br/> A、autofocus<br/> B、required<br/> C、pattern<br/> D、novalidate<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>22、创建表单时form标记有几个重要的属性是( )必不可少的。<br/> A、id<br/> B、name<br/> C、action<br/> D、method<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">BCD</span></p><br/><br/>23、在使用表单的单选钮时,所有单选钮中选项中( )属性的属性值必须相同。<br/> A、type<br/> B、value<br/> C、checked<br/> D、name<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">AD</span></p><br/><br/>24、在使用表单的复选框时,由于可以选择多个值,因此,( )属性的属性值应取不同的值。<br/> A、type<br/> B、name<br/> C、value<br/> D、checked<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">BC</span></p><br/><br/>25、表单中插入文件输入框,正确的使用方法是( )。<br/> A、将input标记的type属性设为file<br/> B、Form表单的enctype="multipart/form-data"<br/> C、表单的提交方式为post<br/> D、表单的提交方式为get<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABC</span></p><br/><br/>26、Html5中input标记新增了( )输入元素。<br/> A、email<br/> B、url<br/> C、search<br/> D、color<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABCD</span></p><br/><br/><strong style="font-size:16px;">表格与表单单元作业</strong><br/><br/>1、使用html设计附件2-1.jpg所示的表格: (1)使用表格标题的标签(1分) (2)实现表头单元格的水平和垂直合并的(2分) (3)表格中文本居中的(1分) (4)实现如图所示的表格线(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按作业要求如实进行互评,按得分点给分</span></p><br/><br/>2、使用表格设计一个旅游路线推荐页面,如附件中2-2.jpg所示,所需图片资源在附件img文件下。 (1) 整个外围表格为一个3*3的表格(1分) (2) 表格宽度为720px,高度为510px(1分) (3) 第一行存放图片为2.jpg(1分) (4) 第二行为如图所示的推荐路线、经典路线,中间为1.jpg图片(1分) (5) 第三行存放图片3.jpg.(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按作业要求进行互评,按作业得分点给分。</span></p><br/><br/>3、设计一个用户注册界面,如附件2-3.JPG所示,要求如下: (1))标题、表单居中,使用标题4号字( 1分) (2)姓名默认值为username,密码输入密码时显示“*”(1分) (3)性别默认选中“男”,籍贯默认选中“江苏”(1分) (4)表单提交方式为“POST”,提交给服务器端“chuli.php”程序处理(1分) (5)具有“提交”、“重置”和“清空”按钮(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按作业要求进行互评,按作业得分点给分。</span></p><br/><br/><strong style="font-size:16px;">第四章 表格</strong><br/><br/><strong style="font-size:16px;">表格测试</strong><br/><br/>1、设置表格的宽度为600的HTML代码是( )。<br/> A、<table height="500" width="600"></table><br/> B、<table vspace="600" hspace="500"></table><br/> C、<table height="600" width="500"></table><br/> D、<table vspacet="500" hspace="600"></table><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>2、在HTML文件中,可以让表格显示边框线,例如: <table border="5"> ,5代表边框线的粗细,它的单位是( )。<br/> A、cm<br/> B、pixel<br/> C、grid<br/> D、dot<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>3、<table border="1" width="400"> </table>,表示( ) 。<br/> A、表格有边框,宽度为400像素<br/> B、表格有边框,宽度为400%<br/> C、表格有边框,宽度为400厘米<br/> D、表格没有边框<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>4、<table rules="cols"> </table> ,表示( )。<br/> A、显示所有分隔线<br/> B、只显示组(Groups)与组之间的分隔线<br/> C、只显示行与行之间的分隔线<br/> D、只显示列与列之间的分隔线<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>5、表格标记的基本结构是( )。<br/> A、<tr></tr><br/> B、<br></br><br/> C、<table></table><br/> D、<bg></bg><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>6、要是表格边框不显示,应设置border的值为()。<br/> A、0<br/> B、1<br/> C、2<br/> D、3<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>7、设置表格的单元格间距使用( )属性。<br/> A、cellpadding<br/> B、cellspacing<br/> C、border<br/> D、void<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>8、设置行内容的对齐时使用( )属性。<br/> A、align<br/> B、valign<br/> C、center<br/> D、middle<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>9、跨多行的单元格的HTML代码为()。<br/> A、<th colspan=#><br/> B、<th rowspan=#><br/> C、<td colspan=#><br/> D、<thd rowspan=#><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>10、在HTML中,下列()属性是专属于td、th元素的属性。<br/> A、bgcolor<br/> B、align<br/> C、colspan<br/> D、background<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>11、在设计表格边框样式时,要求显示部分边框使用表格的()属性。<br/> A、frame<br/> B、hsides<br/> C、rules<br/> D、rows<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>12、<table frame=box>表示显示的边框的数为()。<br/> A、1个<br/> B、2个<br/> C、3个<br/> D、4个<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>13、<table rules=all>表示()。<br/> A、显示所有的分隔线<br/> B、只显示组(groups)与组之间的分隔线<br/> C、只显示行与行之间的分隔线<br/> D、只显示列与列之间的分隔线<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>14、如果一个表格包含1行4列,表格的总宽度为699,间距为5,填充为0,边框为3,每列的宽度相同,那么应将单元格定制为多少像素宽()?<br/> A、126<br/> B、136<br/> C、147<br/> D、165<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>15、设置表格标题的HTML代码是( )。<br/> A、<title></title> <br> B、 <name></name> <br> C、 <br> D、 <table></table> <br> <p class="answer"></p> <br> <br>16、设置单元格填充为0的HTML代码 ( )。 <br> A、 <br> B、 <table cellspacing="0"></table> <br> C、 <table cellspacing="0"></table> <br> D、 <table cellpadding="0"></table> <br> <p class="answer"></p> <br> <br> <br> 17、设置表格边框色彩的HTML代码是( )。 A、 <table cellpadding="0"></table> <br> B、 <table color="#"><tbody> <tr> <th bordercolor="#"><br> C、<br> D、 <table bordercolor="#"><tbody> <tr> <th color="#"><br><p class="answer"></p><br><br>18、分析如下代码片段,选项中说法错误的是()。 <table> <tbody> <tr> <td>姓名:</td> <td colspan="2"><input type="text" name="name"></td> </tr> <tr> <td>性别:</td> <td>男<input type="radio" name="sex" checked></td> <td>女<input type="radio" name="sex"></td> </tr> </tbody> </table><br> A、表格默认有边框<br> B、表格共两列,其中name文本框跨了两列<br> C、表格单元格右边框为dashed(虚线框样式)<br> D、表格单元格填充为5像素<br><p class="answer"></p><br><br>19、分析下面的HTML代码片段,则选项中的说法正确的是( )。 <table border="10"> <tbody> <tr> <td colspan="2" align="center">姓名</td> </tr> <tr> <td rowspan="2" align="center">成绩</td> <td align="center">语文</td> </tr> <tr> <td colspan="2" align="center">数学</td> </tr> </tbody> </table><br><br><br><br><br><p class="answer"></p><br><br><br> A、该表格共有2行3列 B、该表格的边框宽度为10毫米 C、该表格中的文字均居中显示 D、“姓名”单元个跨2行20、以下关于HTML语言中的表格的说法正确的是( )。 A、在HTML语言中,表格必须由 <table></table> 标签、 标签、 <table><tbody> <tr><td>标签组成,缺一不可<br> B、<br><br> 标签不能相互嵌套 C、有多少对 标签,就有多少列 D、有多少对 <table><tbody> <tr><td>标签,就有多少行<br><p class="answer"></p><br><br>21、以下选项中,( )全部都是表格标签。<br> A、<br> B、 <table> <tfoot></tfoot> </table> <table> <tbody> <tr> <td><br> C、<tt><br> D、</tt><tt><p class="answer"></p><br><br>22、( )标记用于使HTML文档中表格里的单元格在同行进行合并?<br> A、cellspacing<br> B、cellpadding<br> C、rowspan<br> D、colspan<br><p class="answer"></p><br><br>23、以下说法中,错误的是()。<br> A、表格在页面中的对齐应在 TABLE 标记符中使用 align 属性<br> B、要控制表格内容的水平对齐,应在 TR、TD、TH 中使用 align 属性<br> C、要控制表格内容的垂直对齐,应在 TR、TD、TH 中使用 valign 属性<br> D、表格内容的默认水平对齐方式为居中对齐<br><p class="answer"></p><br><br>24、下列说法中正确的是( )。<br> A、使用表格进行布局时,表格的宽度都必须采用百分比计量方式<br> B、表格不可以实现嵌套<br> C、为了提高网页的下载速度,一般应把所有内容分成几块放在几个表格中<br> D、使用表格进行布局时,最内层表格的宽度采用绝对计量方式<br><p class="answer"></p><br><br>25、很多动态大型网站也都是借助( )排版,它可以把相互关联的信息元素集中定位。<br> A、表单<br> B、表格<br> C、文字<br> D、图像<br><p class="answer"></p><br><br>26、在复杂的表格结构中,有的单元格在水平方向上是跨多个单元格的,这时需要使用( )属性。<br> A、colspace<br> B、rowspace<br> C、cellpadding<br> D、cellspacing<br><p class="answer"></p><br><br><strong style="font-size:16px;">第七章 CSS应用</strong><br><br><strong style="font-size:16px;">选择器与CSS单元作业</strong><br><br>1、使用外表样式表,结合表格标记,写出实现附件3-1.jpg所示表格的代码,具体要求如下: (1) 表格标题“成绩登记表”使用样式“字号28px加粗显示,字符间距12px,行高2.5”(1分) (2) 表头的背景色为#4682B4,字体大小20px加粗显示,字符间距12px,行高2(1分) (3) 表格的数据行使用字号18px,行高为2,居中对齐。(1分) (4) 定义每列的宽度:序号50px,学号120px,姓名80px,成绩120px(1分) (5) 为表格的数据行添加斑马纹,奇数行的背景色为#FFF,偶数行的背景色为#CCCCCC(1分)<br><p class="answer"></p><br><br>2、使用表格嵌套和样式表实现如附件3-2.jpg所示的旅游路线推荐页面,所需图片资源在附件3-2的img文件夹中。具体样式要求: (1)整个外围表格为一个3*3的表格,其表格宽度为720px,高度为510px(1分) (2)定义整体的页面外观(背景色为#CC9,内容距离上边框内边距为50px)(1分) (3)定义表格样式(最外层的表格的边框宽度为1px,边框类型为solid,颜色为黑色,表格内文本对齐方式为居中;(1分) (4)第二行左右两个单元格内嵌一个表格,其样式为边框样式边框宽度为1px,边框类型为solid,颜色为黑色,文本对齐方式为左对齐,表格宽度为238px,高度为180px)(1分) (5)定义图片单元格的样式(表格第一行的背景图片是2.JPG,图片的宽度为718px,高度为171px;表格第二行中间单元的背景图片为1.jpg,图片的宽度为250px,高度为178px;表格第三行的背景图片是3.jpg,图片宽度为718px,高度为160px)(1分)<br><p class="answer"></p><br><br><strong style="font-size:16px;">第六章 CSS基础与选择器</strong><br><br><strong style="font-size:16px;">选择器与CSS应用测试</strong><br><br>1、CSS是( )的缩写。<br> A、Colorful Style Sheets<br> B、Computer Style Sheets<br> C、Cascading Style Sheets<br> D、Creative Style Sheets<br><p class="answer"></p><br><br>2、下列( )是定义样式表的正确格式。<br> A、{body:color=black(body}<br> B、body:color=black<br> C、body {color: black}<br> D、body;color:black<br><p class="answer"></p><br><br>3、下列( )是定义样式表中的注释语句。<br> A、/* 注释语句 */<br> B、//注释语句<br> C、// 注释语句 //<br> D、' 注释语句<br><p class="answer"></p><br><br>4、如果要在不同的网页中应用相同的样式表定义,应该( )。<br> A、直接在HTML的元素中定义样式表<br> B、在HTML的标记中定义样式表<br> C、通过一个外部样式表文件定义样式表<br> D、以上都可以<br><p class="answer"></p><br><br>5、引用外部样式表的格式是( )。<br> A、<style src="mystyle.css"><br/> B、<link rel="stylesheet" type="text/css" href="mystyle.css"><br/> C、<stylesheet>mystyle.css</stylesheet><br/> D、<a href="style.css"></a><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>6、引用外部样式表的元素应该放在 ( )。<br/> A、HTML文档的开始的位置<br/> B、HTML文档的结束的位置<br/> C、在head元素中<br/> D、在body元素中<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>7、样式表定义 #title {color:red} 表示( )。<br/> A、网页中的标题是红色的<br/> B、网页中某一个id为title的元素中的内容是红色的<br/> C、网页中元素名为title的内容是红色的<br/> D、以上任意一个都可以<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>8、样式表定义 .outer {background-color:red} 表示( )。<br/> A、网页中某一个id为outer的元素的背景色是红色的<br/> B、网页中含有class=”outer” 元素的背景色是红色的<br/> C、网页中元素名为outer元素的背景色是红色的<br/> D、以上任意一个都可以<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>9、CSS 中的选择器不包括( )。<br/> A、超文本标记选择器<br/> B、标签选择器<br/> C、ID选择器<br/> D、类选择器<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>10、下列哪种方式是用类选择器定义样式的( )。<br/> A、p{color:red;}<br/> B、.one{color:red;}<br/> C、#two{color:red;}<br/> D、p,h1{color:red;}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>11、以下关于CLASS和ID的说法错误的是( )。<br/> A、class的定义方法是:.类名{样式};<br/> B、id的应用方法:<指定标签 id=”id名”><br/> C、class的应用方法:<指定标签 class=“类名”><br/> D、id和class只是在写法上有区别,在应用和意义上没有区别<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>12、下列选项中不属于CSS 文本属性的是( )。<br/> A、font-size<br/> B、text-align<br/> C、line-height<br/> D、text-decoration<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>13、下列( )表示p元素中的字体是粗体。<br/> A、p {text-size:bold}<br/> B、p {font-weight:bold}<br/> C、<p style="text-size:bold"><br/> D、<p style="font-size:bold"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>14、下列哪个css属性可以更改字体大小( )。<br/> A、text-size<br/> B、font-size<br/> C、text-style<br/> D、font-style<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>15、下列哪个css属性能够更改文本字体( )。<br/> A、text<br/> B、line-height<br/> C、font-family<br/> D、text-decoration<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>16、下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号,正确的定义是( )。<br/> A、p {font-family:20px; font-size:宋体; font-weight:800; color: red; font-style:italic; }<br/> B、p {font-family:宋体;font-size:20px;font-weight:800;color:red; font-style:italic; }<br/> C、p {font-family:20px; font-size:800; font-weight:宋体; color:red; font-style:italic; }<br/> D、p{font-family:800; font-size:20px; font-weight:red; color:italic; font-style:宋体;}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>17、下列( )表示a元素中的内容没有下划线。<br/> A、a {text-decoration:no underline}<br/> B、a {underline:none}<br/> C、a {text-decoration:none}<br/> D、a {decoration:no underline}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>18、下面哪个CSS属性是用来更改背景颜色的( )。<br/> A、back<br/> B、bgcolor<br/> C、color<br/> D、background-color<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>19、怎样给所有的<h1>标签添加背景颜色( )。<br/> A、.h1 {color:#FFFFFF}<br/> B、h1 {background-color:#FFFFFF;}<br/> C、#h1 {background-color:#FFFFFF}<br/> D、h1.all {background-color:#FFFFFF}<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>20、如下所示的这段CSS样式代码,定义的样式效果是( )。 a:active {color: #000000;}<br/> A、默认链接是#000000颜色<br/> B、鼠标上滚链接是#000000颜色<br/> C、鼠标上滚链接是#000000颜色<br/> D、活动链接是#000000颜色<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>21、a:link表示超链接文字在( )时的状态。<br/> A、鼠标按下<br/> B、初始状态<br/> C、鼠标放上去<br/> D、访问过后<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>22、a:hover表示超链接文字在( )时的状态。<br/> A、鼠标按下<br/> B、原始状态<br/> C、鼠标放上去<br/> D、访问过后<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>23、在CSS语言中下列哪一项是"列表项标号图象"的语法( )。<br/> A、width: <值><br/> B、height: <值><br/> C、list-style-image: <值><br/> D、list-style-picture: <值><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>24、下列( )表示列表项符号是小方块。<br/> A、list-style-type: square<br/> B、list-type: square<br/> C、list-type: square<br/> D、type: square<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>25、list-style-position的取值包括( )。<br/> A、inside<br/> B、inner<br/> C、outter<br/> D、outside<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">AD</span></p><br/><br/>26、list-style-type属性叙述正确的是( )。<br/> A、可以设置列表项目标号类型<br/> B、对无序列表有效<br/> C、对有序列表有效<br/> D、对表格单元格有效<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABC</span></p><br/><br/>27、CSS样式的选择器可以是标签的名字。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>28、有了CSS样式,就可以做到使内容与样式分离,便于分别修改。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>29、CSS内嵌样式用CSS定义样式,然后在HTML部分引用这种样式。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>30、如果设置table标签的border属性,默认可以看到两层边框线。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>31、可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/><strong style="font-size:16px;">第八章 DIV+CSS 布局</strong><br/><br/><strong style="font-size:16px;">div+css布局测试</strong><br/><br/>1、下列( )表示上边框线宽10px,下边框线宽5px,左边框线宽20px,右边框线宽1px。<br/> A、border-width:10px 1px 5px 20px<br/> B、border-width:10px 5px 20px 1px<br/> C、border-width:5px 20px 10px 1px<br/> D、border-width:10px 20px 5px 1px<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>2、在CSS语言中下列哪一项是"左边框"的语法( )。<br/> A、border-left-width: <值><br/> B、border-left: <值><br/> C、border-top-width: <值><br/> D、border-top: <值><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>3、下列哪个属性能够设置盒模型的左侧外边距( )。<br/> A、margin<br/> B、indent<br/> C、margin-left<br/> D、padding-left<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、下列()CSS属性能够设置盒子模型的内边距为10、20、30、40。<br/> A、padding:10px 20px 30px 40px<br/> B、padding:40px 30px 20px 10px<br/> C、padding:10px 40px 30px 20px<br/> D、padding:20px 10px 40px 30px<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>5、阅读下面CSS代码,下面选项中与该代码段效果等同的是( )。 .box { margin:10px 5px; margin-right:10px; margin-top:5px; }<br/> A、.box { margin:5px 10px 0px 0px; }<br/> B、.box { margin:5px 10px 10px 5px; }<br/> C、.box { margin:5px 10px; }<br/> D、.box { margin:10px 5px 10px 5px; }<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>6、利用以下什么代码可以设置div区域的水平居中( )。<br/> A、div{margin:0}<br/> B、div{margin:auto 100px}<br/> C、div{margin:100px auto}<br/> D、div{margin:100px 100px }<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>7、下列( )样式定义后,行级元素可以定义宽度和高度。<br/> A、display:inline<br/> B、display:none<br/> C、display:block<br/> D、display:inheric<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>8、以下( )是HTML常用的块状标签。<br/> A、<span><br/> B、<a><br/> C、<br><br/> D、<h1><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>9、clear属性取值说法正确的是( )。<br/> A、取值为all表示四周浮动元素被删除<br/> B、取值为left表示左侧浮动元素被删除<br/> C、取值为right表示右侧浮动元素被删除<br/> D、取值为both表示清除两侧浮动<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>10、如果要将网页中的两个div对象制作为重叠效果,( )。<br/> A、是不可能的<br/> B、利用表格标记<table><br/> C、利用样式表定义中的绝对位置与相对位置属性<br/> D、利用样式表定义中的z-index属性<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>11、以下哪个选项是对对象进行定位的( )。<br/> A、padding<br/> B、margin<br/> C、position<br/> D、display<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>12、position属性取值( )表示固定定位。<br/> A、absolute<br/> B、relative<br/> C、static<br/> D、fixed<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>13、以下关于CSS+DIV布局中关于盒子模型说法错误的是( )。<br/> A、盒子的实际高度=上外边距+上边框+上内边距+内容高度(height)+下内边距+下边框+下外边距<br/> B、填充、边框和边界和内容区域都分为上、下、左、右四个方向,既可以分别定义,也可以统一定义<br/> C、盒子的实际宽度=左外边距+左边框+左内边距+内容宽度(width)+右内边距+右边框+右外边距<br/> D、一个盒子除了内容,由以下几个独立的部分组成:margin、border、padding<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>14、相对定位与绝对定位说法正确的是( )。<br/> A、它们的原始位置都会丢失<br/> B、它们都相对于浏览器窗口定位<br/> C、它们都相对于其直接父元素定位<br/> D、它们都脱离了文档流<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>15、以下说法错误的是( )。<br/> A、position属性决定层定位方式是固定定位、相对定位、绝对定位<br/> B、层定位需要使用top、bottom、right、left设置层的位置<br/> C、z-index值越大,层越是在下方<br/> D、层定位可以使盒子像图层一样上写层叠<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>16、以下哪个不是block类型元素( )。<br/> A、div<br/> B、table<br/> C、input<br/> D、ul<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>17、CSS中,盒模型的属性包括( ) 。<br/> A、border<br/> B、padding<br/> C、content<br/> D、margin<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABD</span></p><br/><br/>18、下列哪些是设置有关边框的属性( )。<br/> A、border-color<br/> B、border-style<br/> C、border-width<br/> D、border-back<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">ABC</span></p><br/><br/>19、盒子模型中的盒子,可以是任何页面元素。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>20、盒子模型中的盒子是可以逐层嵌套的。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>21、CSS进行布局与定位,首先用盒子将元素大小、边距等信息确定下来,然后用定位方式决定盒子的位置。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>22、定位机制分为三种:盒子定位、文档流定位、浮动定位。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>23、盒子模型中,边框的属性是可以分为4个方向分别设置的。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>24、溢出盒子的部分,可以使用overflow属性,将其设置为hidden隐藏起来。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>25、文字、图片、div区域水平居中,都可以使用text-align:center进行设置。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>26、margin:1px 2px 1px 3px; 可以缩写成 margin:1px 2px 3px;<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>27、浮动定位通过float属性设置来实现<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>28、默认定位方式就是文档流定位。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>29、层定位通过postion属性来设定。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>30、对于一个盒子,文档流定位、浮动定位、层定位只能选择其中一个。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>31、层定位是可以将盒子像图层一样处理,有前后层叠顺序。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>32、块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div \ h1-h6\ p\ ul 。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>33、默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>34、块状元素都不可以定义自己的宽度和高度 。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>35、块状元素可以作为其他元素的容器,它可以容纳其他行内元素和其他块状元素。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>36、浮动元素在文档流中的原位置依然保留。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/>37、利用float属性将3个div盒子水平排列,可以将3个盒子都设置float:right。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>38、如果一个父元素的所有子元素都浮动起来,则这个父元素默认高度坍缩为0。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>39、position属性设定,表示定位的参照物是哪个元素;而定位位置则由top,bottom,left,right的取值决定。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">正确</span></p><br/><br/>40、通常将父元素设置为绝对定位,子元素设置为相对定位,就可以将子元素相对于父元素定位了。<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">错误</span></p><br/><br/><strong style="font-size:16px;">DIV+CSS布局单元作业</strong><br/><br/>1、使用DIV+CSS 实现如附件4-1.jpg所示的页面,分别写出页面div结构的HTML 文件和CSS外部样式表文件,具体要求如下: (1)写出页面DIV结构的HTML文件的(2分),不完全正确的在0-1分之间酌情给分 (2)写出正确的CSS文件运行正确的(3分),不完全正确的根据运行效果,酌情给1-2分。(3分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">安作业要求的得分点进行互评</span></p><br/><br/>2、运用DIV+CSS技术实现附件4-2的4-2.jpg所示的页面布局,所需图片head.jpg和huanduchunji.jpg在附件4-2种的img文件夹下。 (1) 分别编写页面结构的html文件(2分),不完全正确的在0-1分之间酌情给分 (2)写出正确的CSS文件运行正确的(3分),不完全正确的根据运行效果,酌情给1-2分。(3分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按作业要求的得分点进行互评</span></p><br/><br/><strong style="font-size:16px;">第九章 Javascript基础</strong><br/><br/><strong style="font-size:16px;">Javascript基础测试</strong><br/><br/>1、下列表达式的值正确的是( )。<br/> A、4*3结果是15<br/> B、10%3结果是1<br/> C、"5"+5结果是10<br/> D、11%3结果是3<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>2、表达式18>15 && 18<20的结果是( )。<br/> A、false<br/> B、true<br/> C、20<br/> D、15<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>3、下列说法正确的是( )。<br/> A、if语句块的()可以省略<br/> B、if语句块的{}不可以省略<br/> C、if语句块的{}可以省略<br/> D、if语句块的条件表达式可以是任意类型<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、数组下标是从哪个数字开始的( )。<br/> A、null<br/> B、1<br/> C、0<br/> D、-1<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>5、关于对变量的说法,错误的是( )。<br/> A、若声明而未对变量赋值,该变量的值为undefined<br/> B、var carname="Volvo";var carname;顺序执行后,caranme的值依然为Volvo<br/> C、由于javascript的动态特性,不需要定义变量,直接采取key= val的形式赋值<br/> D、可以使用var key=val的形式赋值<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>6、下面符合一个有效的javascript变量定义规则的是( )。<br/> A、a bc<br/> B、withal<br/> C、2a<br/> D、_$te$t2<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>7、放在HTML中()部分JavaScript会在页面加载的时候被执行。<br/> A、<head>标签部分<br/> B、文件结束位置<br/> C、<body>标签部分<br/> D、文件起始位置<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>8、下列哪个正确的引入了myScript.js( )。<br/> A、<script src="myScript.js"><br/> B、<script href="myScript.js"><br/> C、<script name="myScript.js"><br/> D、<script root="myScript.js"><br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>9、输出 "Hello World" 的正确 Javascript 语法是( )。<br/> A、printf("Hello World")<br/> B、document.write("Hello World")<br/> C、response.write("Hello World")<br/> D、print("Hello World")<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>10、JavaScript 用法描述错误的是( )。<br/> A、脚本必须位于 HTML 的 <body> 或 <head> 部分中<br/> B、HTML 中的脚本必须位于 与 标签之间<br/> C、和 会告诉 JavaScript 在何处开始和结束<br/> D、HTML 文档中可放入不限数量的脚本<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>11、下列代码最终结果不是NAN的是( )。<br/> A、parseFloat(“你好12”);<br/> B、Number(“12你好”);<br/> C、Number(“你好12”);<br/> D、parseInt(“12你好”);<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>12、函数parseFloat("3.14ab")返回( )。<br/> A、NaN<br/> B、ab<br/> C、PI<br/> D、3.14<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>13、引用一个外部的js文件,可以定义script标签的( )属性。<br/> A、src<br/> B、source<br/> C、file<br/> D、js<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>14、下面属于循环控制语句的是( )。<br/> A、if语句<br/> B、if…elseif语句<br/> C、switch语句<br/> D、while语句<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>15、下面关于函数说法不正确的是( )。<br/> A、函数的定义是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段代码定义的<br/> B、函数定义后并不会自动执行<br/> C、调用函数需要创建调用语句<br/> D、函数定义后可以自动执行<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>16、下面JavaScript中的内置函数不正确的是( )。<br/> A、eval():求字符串中表达式的值<br/> B、parseInt():将字符型转化为整型<br/> C、isFinite():判断一个数值是否为NaN<br/> D、decodeURI():对encodeURL()编码的文本进行解码<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/><strong style="font-size:16px;">第十章 Javascript进阶</strong><br/><br/><strong style="font-size:16px;">Javascript进阶测试</strong><br/><br/>1、下列关于DOM的描述哪句话是不正确的( )。<br/> A、DOM是万维网联盟W3C的标准<br/> B、DOM定义了访问HTML的标准<br/> C、DOM定义了访问XML文档的标准<br/> D、DOM的Document Object Model浏览器对象模型的缩写<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>2、下列不是DOM查找操作的是( )。<br/> A、getElementById()<br/> B、getElementsByTagName()<br/> C、appendChild()<br/> D、getElementsByClassName()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>3、下列可用于精确查找一个元素的是( )。<br/> A、getElementsByTagName()<br/> B、createTextNode()<br/> C、getElementById()<br/> D、getElementsByClassName()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>4、下列是按标签查找元素的是( )。<br/> A、getElementById()<br/> B、getElementsByTagName()<br/> C、getElementsByClassName()<br/> D、appendChild()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>5、下列关于getElementsByTagName描述不正确的是( )。<br/> A、只返回第一个元素<br/> B、返回一个动态集合<br/> C、可查找直接子节点<br/> D、可查找所有子代节点<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>6、下列DOM查找中返回集合的是( )。<br/> A、getElementById()<br/> B、getElementsByTagName()<br/> C、getAttribute()<br/> D、createElement()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>7、下列关于DOM核心描述正确的是( )。<br/> A、可操作一切结构化文档的API<br/> B、专门操作HTML文档的简化版DOM API<br/> C、简单<br/> D、仅对常用的复杂的API进行了简化<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>8、下列哪项是移除属性值( )。<br/> A、getAttribute()<br/> B、removeAttribute()<br/> C、hasAttribute()<br/> D、appendChild()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>9、已知var h1 = document.getElementById(“a1"),下列修改属性值正确的是( )。<br/> A、h1.getAttribute(“name”)<br/> B、h1.setAttribute(“name”)<br/> C、h1.hasAttribute(“name” , ”zhangsan”)<br/> D、h1.setAttribute(“name” , ”zhangsan”)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>10、var bool=elem.hasAttribute("name")的含义是( )。<br/> A、判断是否包含name属性<br/> B、移除name属性<br/> C、得到name属性的值<br/> D、语法错误<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>11、下列关于DOM操作的描述,不正确的是( )。<br/> A、getAttribute("属性名")读取属性值<br/> B、setAttribute("属性名")设置属性值<br/> C、hasAttribute("属性名")判断是否包含指定属性<br/> D、setAttribute("属性名",value)修改属性值<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>12、下列哪项不属于添加元素的步骤( )。<br/> A、创建空元素<br/> B、设置关键属性<br/> C、获取关键属性值<br/> D、将元素添加到DOM树中<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>13、下列关于BOM的描述正确的是( )。<br/> A、BOM允许程序和脚本动态地访问和更新文档的内容、结构和样式。<br/> B、BOM定义了访问HTML的标准<br/> C、BOM定义了访问XML文档的标准<br/> D、BOM是专门操作浏览器窗口的API<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>14、下列不是浏览器对象模型的是( )。<br/> A、window<br/> B、history<br/> C、screen<br/> D、element<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>15、下列关于setInterval(exp,time)描述错误的是( )。<br/> A、表示的是周期性定时器<br/> B、表示的是一次性定时器<br/> C、time表示时间周期,单位为毫秒<br/> D、exp表示的是要执行的语句<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>16、使用( )停止周期性定时器timer。<br/> A、clearInterval()<br/> B、deleteInterval(timer)<br/> C、clearInterval(timer)<br/> D、deleteInterval()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/>17、下列关于setTimeout(exp,time)描述不正确的是( )。<br/> A、让程序延迟一段时间执行<br/> B、让程序按指定时间间隔反复自动执行一项任务<br/> C、exp表示的是要执行的语句<br/> D、time表示间隔时间,单位为毫秒<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>18、下列属于将元素添加到DOM树操作的是( )。<br/> A、appendChild()<br/> B、removeChild()<br/> C、replaceChild()<br/> D、getAttribute()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">A</span></p><br/><br/>19、下列属于在父元素中的指定子节点之前添加一个新的子节点的是( )。<br/> A、appendChild()<br/> B、removeChild()<br/> C、replaceChild()<br/> D、insertBefore()<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">D</span></p><br/><br/>20、下列哪项表示的是创建table标签 ( )。<br/> A、a.href="https://tmooc.cn";<br/> B、document.createElement('table');<br/> C、document.createElement('td');<br/> D、console.log( table );<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">B</span></p><br/><br/>21、能够返回节点文本值的方法是( )。<br/> A、childNodes<br/> B、attributes<br/> C、innerHTML<br/> D、parentNode<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">C</span></p><br/><br/><strong style="font-size:16px;">js单元作业</strong><br/><br/>1、判断输入年份是否是闰年 (1)创建网页并编写HTML基本结构(1分) (2)声明变量提示用户输入,并将数据转换为数字类型保存在变量year中(1分) (3)使用运算符计算用户输入的年份是否是闰年(2分) 提示: 能够整除4且不能整除100或者能够整除400的是闰年 (4)输出:xxx年是闰年么?是/不是(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按题目要求的得分点进行互评</span></p><br/><br/>2、使用js编程实现: (1)创建网页并编写HTML基本结构(1分) (2)提示用户输入7个学生成绩,保存在数组中(1分) (3)计算总分并输出(1分) (4)计算平均分并输出(1分) (5)输出有几个成绩不及格(即<60分)(1分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按题目要求的得分点进行互评</span></p><br/><br/>3、使用样式表和div实现双向列表,要求通过事件处理程序实现向HTML页面创建与删除对象的方法,使用js实现对象的创建与删除,实现效果如附件5-2.jpg所示,具体功能如下:从“待选名单”列表中选择一项,单击“移出”按钮,将选中名单移到“选中列表”中,同时该名单从“待选列表”中删除;从“选中列表”中选中一个名单,单击“移入”,则名单从“选中列表”中删除,移到“待选列表”中。具体分值如下: (1) 使用DIV和HTML相关标签完成如附件5-1.jpg页面结构(2分) (2) 完成页面的样式设计,样式要求如下: a) 外层div宽500px,高220px,居中,边框为5px,灰色,双线(1分) b) Div1、div2、div3左浮动,宽150px,高200px(1分) c) Div1、div3中的列表框,宽100px,div2中的按钮居中(1分) (3) 编写列表创建与删除的函数(3分) (4) 编写实现“移出”、“移入”按钮单击事件的功能(2分)<br/><p class="answer" > 参考答案:<span style="color: rgb(255, 0, 0);">按题目要求的得分点进行互评</span></p><br/><br/><strong style="font-size:16px;">web编程技术期末考试</strong><br/><br/>1、HTML代码开始和结束的标记是( )。<br/> A、以<html>开始,以</html>结束<br/> B、以<JavaScript>开始,以</JavaScript>结束<br/> C、以<style>开始,以</style>结束
D、以开始,以结束
第3题
A、<title>标记之来定义网页标题的
B、一个网页文件中<title>标记可以有多个
C、<title>只能在<head>标记中使用
D、<title>标记是双标记
第4题
A、 <details> HTML5新标记
这篇文档主要介绍HTML5相对以往版本的新增特点和新增标记。
</details>
B、 <details> <summary>HTML5新标记</summary>
这篇文档主要介绍HTML5相对以往版本的新增特点和新增标记。
</details>
C、 <summary>HTML5新标记</summary> <details>
这篇文档主要介绍HTML5相对以往版本的新增特点和新增标记。
</details>
D、 <details>
这篇文档主要介绍HTML5相对以往版本的新增特点和新增标记。
</details> <summary>HTML5新标记</summary>
第6题
(或 | ),表格中的任何文本内容均需放在标记 | 、 | 、 |
---|
标记之后,添加、和这三个标记用于将表格分成三个不同的部分:表头部分、表尾部分、主体部分。这种划分使浏览器有能力支持独立于表头和表尾的表格主体部分滚动,这样当长的表格被打印时,表格的表头和表尾可被打印在包含表格主体数据的每张页面上。
第7题
A.只有定义了可编辑区才能把它应用到网页上
B.在编辑模板时,可编辑区是可以编辑的,锁定区是不可以编辑的
C.一般把具有共同特征的标题和标签设置为可编辑区
D.以上说法都不对
第8题
B.HTML标记区分大小写
C.某些HTML标记具有一些属性,其中标记名和属性名之间用逗号隔开
D.标记 …,用于定义网页文件的标题,当该网页文件被打开时,将出现在浏览器的标题栏
第9题
A、<title>
B、<body>
C、<meta />
D、<style><br><p class="answer"></p><br><br>2、【单选题】以下标记符中,用于设置页面标题的是( )<br> A、<title><br> B、<caption><br> C、<head><br> D、<h1><br><p class="answer"></p><br><br>3、【单选题】换行和段落标签符分别是()<br> A、<p>和<hr><br> B、<br>和<p><br> C、<br>和<b><br> D、<hr>和<p><br><p class="answer"></p><br><br>4、【单选题】下列哪条语句可以使<h1>标题文本居中。<br> A、<h1>标题</h1><br> B、<h1 align>标题</h1><br> C、<h1>标题</h1 align="center"><br> D、<h1 align="center">标题</h1><br><p class="answer"></p><br><br>5、【判断题】<br>属于单标签; <p>标签属于双标签;<br><p class="answer"></p><br><br>6、【判断题】默认情况下,无论在网页代码中按下多少个英文半角状态下的空格都只显示一个有效的空格。<br><p class="answer"></p><br><br>7、【判断题】<h1> - <h6> 标签可定义标题。<h6> 定义最大的标题。<h1> 定义最小的标题。<br><p class="answer"></p><br><br>8、【判断题】<b></b>和<strong></strong>标签都可以将文本以粗体格式显示<br><p class="answer"></p><br><br>9、【判断题】<p> 标签用于定义段落。p 元素会自动在其前后创建一些空白。<br><p class="answer"></p><br><br>10、【判断题】HTML中常用的特殊符号一般都以“&”开头,以“;”结束。<br><p class="answer"></p><br><br><strong style="font-size:16px;">1.4 图像标签</strong><br><br>1、【单选题】若要是设计网页的背景图形为bg.jpg,以下标记中,正确的是( )<br> A、<body background=”bg.jpg”><br> B、<body bground=”bg.jpg’’><br> C、<body image=”bg.jpg”><br> D、<body bgcolor=”bg.jpg”><br><p class="answer"></p><br><br>2、【单选题】在网页中显示图像的HTML标签是<br> A、<image><br> B、<img><br> C、<src><br> D、<picture><br><p class="answer"></p><br><br>3、【单选题】有关网页中的图像的说法不正确的是( )。<br> A、网页中的图像并不与网页保存在同一个文件中,每个图像单独保存<br> B、HTML语言可以描述图像的位置、大小等属性<br> C、HTML语言可以直接描述图像上的像素<br> D、图像可以作为超级链接的起始对象<br><p class="answer"></p><br><br>4、【单选题】若要在页面中创建一个图形超链接,要显示的图形为myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中,正确的是( )<br> A、<a href=”http://www.pcnetedu.com”>myhome.jpg</a><br> B、<a href=”http://www.pcnetedu.com”><img src=”myhome.jpg”></a><br> C、<img src=”myhome.jpg”><ahref=”http://www.pcnetedu.com”></a><br> D、<a href=http://www.pcneredu.com><img src=”myhome.jpg”><br><p class="answer"></p><br><br>5、【单选题】在<img src="图片路径" />语句中,不属于相对路径的是()<br> A、<img src="img.jpg"><br> B、<img src="images/img.jpg"><br> C、<img src="../images/img.jpg"><br> D、<img src="http://www.baidu.com/pic/img.jpg"><br><p class="answer"></p><br><br>6、【单选题】常用的网页图像格式有( )和( )<br> A、gif,tiff<br> B、tiff,jpg<br> C、gif,jpg<br> D、tiff,png<br><p class="answer"></p><br><br>7、【单选题】在HTML页面中制作了一个图像,想要在鼠标指向这个图像时浮出一条提示信息,应该使用哪个参数做到?<br> A、pop<br> B、src<br> C、title<br> D、msg<br><p class="answer"></p><br><br>8、【单选题】下列的HTML中哪个可以插入背景图像?<br> A、<body background="background.gif"><br> B、<backgroundimg="background.gif"><br> C、<img src="background.gif" background><br><p class="answer"></p><br><br>9、【单选题】以下哪些属性用于设置图片的宽度和高度。<br> A、border、src<br> B、width、src<br> C、width、height<br> D、alt、title<br><p class="answer"></p><br><br>10、【单选题】图片文件一般不建议与网页文件放在同一个目录下,一般放在()目录下<br> A、css<br> B、js<br> C、img或images<br> D、style<br><p class="answer"></p><br><br>11、【判断题】<!DOCTYPE>即文档类型声明,它的作用就是告诉浏览器的解析器应该以什么样的文档类型定义(DTD)来解析文档。<br><p class="answer"></p><br><br>12、【判断题】对于<img> 标签而言,其 src 属性是必需的。<br><p class="answer"></p><br><br><strong style="font-size:16px;">1.5 超链接标签</strong><br><br>1、【单选题】“A:hover”表示鼠标在_______状态。<br> A、经过<br> B、未经过<br> C、原始状态<br> D、访问超链接以后<br><p class="answer"></p><br><br>2、【单选题】当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( )<br> A、ASPx<br> B、HTML<br> C、RAR<br> D、PHP<br><p class="answer"></p><br><br>3、【单选题】下列哪一项是在新窗口中打开网页文档。( )<br> A、_self<br> B、_blank<br> C、_top<br> D、_parent<br><p class="answer"></p><br><br>4、【单选题】一个文件夹名称叫Parent,其下有一个叫做test.asp的文件,和一个名为Child的文件夹。Child下有一个名为default.htm文件,想在default.htm中作一个连接,链到test.asp。以下正确的是:<br> A、<a href=“/test.asp”>…</a><br> B、<a href=“c:/test.asp”>…</a><br> C、<a href=“‥/test.asp”>…</a><br> D、<a href=“Parent/test.asp”>…</a><br><p class="answer"></p><br><br>5、【单选题】下列的HTML中哪个可以插入一条水平线?<br> A、<br><br> B、<hr><br> C、<break><br> D、<P><br><p class="answer"></p><br><br>6、【单选题】单击()会跳转到当前页面某个位置,却不会打开新的网页<br> A、空链接<br> B、文本链接<br> C、锚链接<br> D、E-mail链接<br><p class="answer"></p><br><br>7、【单选题】若要在页面中创建一个图形超链接,要显示的图形为myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中,正确的是( )<br> A、<a href=”http://www.pcnetedu.com">myhome.jpg</a><br> B、<a href=”http://www.pcnetedu.com"><img src=”myhome.jpg”></a><br> C、<img src=”myhome.jpg”><a href=”http://www.pcnetedu.com”></a><br> D、<a href=http://www.pcneredu.com><img src=”myhome.jpg”><br><p class="answer"></p><br><br><strong style="font-size:16px;">1.6列表标签</strong><br><br>1、【单选题】下列HTML标记中,属于非成对标记的是( )。<br> A、<li><br> B、<ul><br> C、<P><br> D、<font><br><p class="answer"></p><br><br>2、【单选题】下列不属于定义列表标签的是()<br> A、dd<br> B、dt<br> C、dl<br> D、li<br><p class="answer"></p><br><br>3、【单选题】下列哪个属性用于规定列表中使用的标记类型<br> A、size<br> B、type<br> C、start<br> D、reversed<br><p class="answer"></p><br><br>4、【单选题】如何产生带有数字列表符号的列表?<br> A、<ul><br> B、<dl><br> C、<ol><br> D、<list><br><p class="answer"></p><br><br>5、【单选题】如何产生带有圆点列表符号的列表?<br> A、<dl><br> B、<list><br> C、<ol><br> D、<ul><br><p class="answer"></p><br><br>6、【判断题】无序列表标签不能与有序列表标签嵌套使用<br><p class="answer"></p><br><br>7、【判断题】无序列表前的项目符号不可更改<br><p class="answer"></p><br><br>8、【判断题】在一组定义列表标签中,<dt>只能使用1次,而<dd>标签则可以使用多次。<br><p class="answer"></p><br><br>9、【判断题】<ul>标签一般只是嵌套<li>标签,而<li>标签可以嵌套其他的标签<br><p class="answer"></p><br><br>10、【判断题】列表标签通常用于网站导航条的链接、新闻网站的新闻列表、视频列表,或者用于电商网站商品导航目录的列表或者产品详细列表<br><p class="answer"></p><br><br>11、【判断题】在<ul>中定义type属性与在<li>中定义type属性的作用范围相同<br><p class="answer"></p><br><br><strong style="font-size:16px;">1.7表格标签</strong><br><br>1、【单选题】若要使表格的行高为16px,以下方法中,正确书写格式一般是()<br> A、<table border="1" width="16px">...</table><br> B、<table border="1" height="16px">...</table><br> C、<table border="1" height="16">...</table><br> D、<table border="1" Line-Height="16px">...</table><br><p class="answer"></p><br><br>2、【单选题】以下标记中,用于定义一个单元格的是( )<br> A、<td> </td><br> B、<tr>…</tr><br> C、<table>…</table><br> D、<caption>…</caption><br><p class="answer"></p><br><br>3、【单选题】要使表格的边框不显示,应设置border的值是( )。<br> A、1<br> B、2<br> C、3<br> D、0<br><p class="answer"></p><br><br>4、【单选题】用于设置表格背景颜色的属性的是 ( );<br> A、background<br> B、bgcolor<br> C、BorderColor<br> D、backgroundColor<br><p class="answer"></p><br><br>5、【单选题】Html标记中,哪个标记表示表格?<br> A、<H1><br> B、<TD><br> C、<TABLE><br> D、<TAB><br><p class="answer"></p><br><br>6、【单选题】通过下列哪个属性可以设置表格合并列<br> A、rowspan<br> B、colspan<br> C、th<br> D、td<br><p class="answer"></p><br><br><strong style="font-size:16px;">1.8表单标签</strong><br><br>1、【单选题】若要产生一个4行30列的多行文本域,以下方法中,正确的是( )<br> A、<Input type=”text”Rows=”4”Cols=”30”Name=”txtintrol”><br> B、<TextArea Rows="4”Cols="30”Name=”txtintro”><br> C、<Text Area Rows="4”Cols="30”Name=”txtintro”></TextArea><br> D、<TextArea Rows=30”Cols="4”Name=”txtintro”></TextArea><br><p class="answer"></p><br><br>2、【单选题】用于设置文本框显示宽度的属性是( )。<br> A、Size<br> B、MaxLength<br> C、Value<br> D、Length<br><p class="answer"></p><br><br>3、【单选题】<input type="">其中type的值不能是( )<br> A、button<br> B、submit<br> C、radio<br> D、check<br><p class="answer"></p><br><br>4、【单选题】在_______文本框中输入数据后,数据以*号显示。<br> A、单行文本框<br> B、多行文本框<br> C、数值文本框<br> D、密码文本框<br><p class="answer"></p><br><br>5、【单选题】下列的HTML中哪个可以产生复选框?<br> A、<input type="check"><br> B、<checkbox><br> C、<input type="checkbox"><br> D、<check><br><p class="answer"></p><br><br>6、【单选题】阅读以下代码段,则可知下列代码分别定义了() <INPUT type="text" name="textfield"> <INPUT type="radio" name="radio" value="女"> <INPUT type="checkbox" name="checkbox" value="checkbox"> <INPUT type="file" name="file"><br> A、文本框、单选按钮、复选框、文件域<br> B、文本框、复选框、单选按钮、文件域<br> C、密码框、多选按钮、复选框、文件域<br> D、文本框、单选按钮、下拉列表框、文件域<br><p class="answer"></p><br><br>7、【单选题】在html页面中,表单是与用户交互不可缺少的部分,各种表单元素需要放在()标签之间<br> A、<table></table><br> B、<head></head><br> C、<text></text><br> D、<form></form><br><p class="answer"></p><br><br>8、【单选题】如果希望多个单选表单元素只能选择其中的一个,则需要设置哪个属性为相同值<br> A、input<br> B、id<br> C、name<br> D、value<br><p class="answer"></p><br><br>9、【判断题】同一个网页中可以包括多个<form>标签<br><p class="answer"></p><br><br>10、【判断题】<form>表单有两种常用提交方式,分别为get和post,其主要区别在get方式是明文提交(在url中显示),post是暗文提交.<br><p class="answer"></p><br><br>11、【判断题】<form action="">中action属性用于指定表单提交时向何处发送数据。一般为一个动态的网页文件.<br><p class="answer"></p><br><br>12、【判断题】<option>标签必须与<select>标签结合使用才能形成一个下拉列表元素<br><p class="answer"></p><br><br><strong style="font-size:16px;">2.1 认识CSS</strong><br><br>1、【单选题】若要在网页中插入样式表main.css,以下用法中,正确的是()。<br> A、<Link href=”main.css” type=text/css rel=stylesheet><br> B、<Link Src=”main.css” type=text/css rel=stylesheet><br> C、<Link href=”main.css” type=text/css><br> D、<Include href=”main.css” type=text/css rel=stylesheet><br><p class="answer"></p><br><br>2、【单选题】若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。<br> 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>
第10题
A、只有定义了可编辑区,用户才能使用模板来新建页面,并在页面上完成内容的编辑
B、在编辑模板时,可编辑区是可以编辑的,锁定区是不可以编辑的
C、一般把共同特征的标题和标签设置为可编辑区
D、在Dreamweaver CC中,默认情况下,新创建的模板是没有可编辑区的
为了保护您的账号安全,请在“上学吧”公众号进行验证,点击“官网服务”-“账号验证”后输入验证码“”完成验证,验证成功后方可继续查看答案!