网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果

上传人：y*** IP属地：福建上传时间：2024-05-06 格式：DOCX 页数：116 大小：760.62KB 积分：60 举报 版权申诉

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果_第2页

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果_第3页

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果_第4页

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果_第5页

已阅读5页，还剩111页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

一、单选题1、在HTML中，下面（）不属于HTML文档的基本组成部分。A、<STYLE></STYLE>B、<BODY></BODY>C、<HTML></HTML>D、<HEAD></HEAD>答案：A2、下面选项中，不属于网页构成元素的是（

）。A、音频B、视频C、文字D、psd图像答案：D3、浏览器是网页运行的平台，下列不属于网页制作中常用浏览器的是（

）。A、IEB、谷歌C、火狐D、搜狗答案：D4、在HTML中，网页要显示的主体内容应放置在（

）。A、<title></title>标记之间

B、<head></head>标记之间

C、<body></body>标记之间D、HTML中的任意位置答案：C5、下列选项中的术语名词，不属于网页术语的是()。A、WEBB、HTTPC、DNSD、IOS答案：D6、在VScode中，保存的快捷键是（）？A、ctrl+aB、ctrl+sC、ctrl+dD、ctrl+c答案：B7、以下说法中，错误的是（）。A、获取WWW服务时，需要使用浏览器作为客户端程序B、WWW服务和电子邮件服务是Internet提供的最常用的两种服务C、网站就是一系列逻辑上可以视为一个整体的页面的集合D、所有网页的扩展名都是.htm答案：D8、在HTML中，网页要显示的主体内容应放置在（

）。A、titleB、headC、bodyD、都不是答案：C9、下列标签可以用来定义网页标题的是（

）。A、<html>标记B、<head>标记C、<title>标记D、<p>标记答案：C10、下面是双标记的是（

）。A、B、<palign="center">段落文本</p>C、<imgsrc="img/logo.jpg"/>D、<ht/>答案：B11、HTML代码<imgsrc=“name”>表示（）。A、添加一个图像B、排列对齐一个图像C、设置围绕一个图像的边框的大小D、加入一条水平线答案：A12、为了标识一个HTML文件应该使用的HTML标记是（）。A、<p></p>B、<body></body>C、<html></html>D、<table></table>答案：C13、在HTML标记中,用于表示文件开头的标记是（）。A、<HTML>B、<TITLE>C、<HEAD>D、<FORM>答案：A14、下面哪一项的电子邮件链接是正确的?()A、B、xxx@.netC、xxx@comD、xxx@答案：D15、在网页设计中,()是所有页面中的重中之重,是一个网站的灵魂所在。A、引导页B、脚本页面C、导航栏D、主页面答案：A16、为了标识一个HTML文件应该使用的HTML标记是()。A、<p></p>B、<boby></body>C、<html></html>D、<table></table>答案：C17、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有开头是()。A、HTTPB、HTTPSC、SHTTPD、SSL答案：B18、用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>答案：D19、主页中一般包含的基本元素有()。A、超级链接B、图像C、声音D、表格答案：A

20、以下标记符中，用于设置页面标题的是()。A、<title>B、<caption>C、<head>D、<html>答案：A21、以下标记符中，没有对应的结束标记的是（）。A、<body>B、<br>C、<html>D、<title>答案：B22、若要是设计网页的背景图像为bg.jpg，以下标记中，正确的是（）。A、<bodybackground="bg.jpg">B、<bodybground="bg.jpg">C、<bodyimage="bg.jpg">D、<bodybgcolor="bg.jpg">答案：A23、下列HTML标记中,属于单标记的是（）。A、<hr>B、<ul>C、<P>D、<font>答案：A24、可以不用发布就能在本地计算机上浏览的页面编写语言是（）。A、aspB、htmlC、jspD、php答案：B25、HTML5之前的HTML版本是（）?A、HTML4.01B、HTML4C、HTML4.1D、HTML4.9答案：A26、HTML文件中,下面（）标签中包含了网页的全部内容。A、<center>…</center>B、<pre>…</pre>C、<body>…</body>D、<Br>…</Br>答案：C27、以下描述正确的是（）。A、<header>是替代<head>的标签B、<header>应该与<footer>同时使用C、<header>标签定义文档的页眉答案：C28、HTML文档的树状结构中,（）标签为文档的根节点,位于结构中的最顶层。A、<HTML>B、<HEAD>C、<BODY>D、<TITLE>答案：A29、以下标记符中，用于设置页面标题的是（）。A、<title>B、<caption>C、<head>D、<html>答案：A30、HTML文档的树状结构中,（）标签为文档的根节点,位于结构中的最顶层。A、<HTML>B、<HEAD>C、<BODY>D、<TITLE>答案：A31、下面哪一项电子邮件连接使正确的（）。A、B、xxx@.netC、D、xxx@答案：D32、用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>答案：D33、HTML5的正确doctype是（）?A、<!DOCTYPEhtml>B、<!DOCTYPEHTML5>C、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN""/TR/html5/strict.dtd">答案：A34、下列关于HTML的说法正确的是（）。A、HTML是网页的核心,是一种超文本标记的程序设计语言B、通过网页浏览器阅读HTML文件时,WEB服务器负责解释插入到HTML文本中的各种标记C、HTML是网页的核心,是一种超文本标记的语言,它是页面描述语言D、编制HTML文件时不需要加入任何标记(tag)答案：C35、在HTML中,下面（）不属于HTML文档的基本组成部分。A、<STYLE></STYLE>B、<BODY></BODY>C、<HTML></HTML>D、<HEAD></HEAD>答案：A36、（）标签可以应用于〈head〉中。A、<body>B、<title>C、<image>D、<html>答案：B37、以下标记符中，用于设置页面标题的是（）。A、<title>B、<caption>C、<head>D、<html>答案：A38、在vscode中，删除一行的快捷键是（

）。A、ctrl+kB、ctr+alt+KC、Ctrl+shift+KD、ctrl+D答案：C39、在HTML中，网页要显示的主体内容应放置在（

）。A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、HTML中的任意位置答案：C40、下列标记中，用于定义HTML文档所要显示内容的是（

）。A、<head></head>B、<body></body>C、<html></html>D、<title></title>答案：B41、位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种

HTML

或

XHTML

标准规范的标记是（

）。A、<!DOCTYPE>B、<head></head>C、<title></title>D、<html></html>答案：A42、进行网站测试时，测试的内容不包括（）。A、页面效果是否美观B、链接是否完好C、不同浏览器的兼容性D、页面数据的下载速度答案：D二、多选题1、web标包含哪些标准（）。A、html标准B、css标准C、js标准答案：ABC2、在HTML开发中，制作网站首页时需要考虑两个方面内容，包括（）和（）。A、页面内容B、页面布局C、图片色彩D、文字字体答案：AB

3、下列选项中的术语名词,属于网页术语的是（）。A、WEBB、HTTPC、DNSD、IOS答案：ABC4、下列选项中属于Web标准构成部分的是（）。A、结构标准B、表现标准C、行为标准D、以上说法均正确答案：ABCD5、下面选项中,属于网页构成元素的是（）。A、音频B、视频C、文字D、psd图像答案：ABC

6、下面的选项中，关于Web标准说法正确的是（）。A、Web标准只要包括HTML标准。B、Web标准是由浏览器的各大厂商联合制定的。

C、Web标准并不是某一个标准，而是一系列标准的集合。D、Web标准主要包括结构标准、表现标准和行为标准三个方面。答案：CD7、浏览器是网页运行的平台,下列属于网页制作中常用浏览器的是（）。A、IEB、谷歌C、火狐D、搜狗答案：ABC8、下面选项中，属于网页构成元素的是（）。A、图像B、音频C、视频D、超链接答案：ABCD

三、操作题1、用vscode创建一个html文件，通过浏览器访问时输出以下内容：自己的名字（名字要有颜色，不能是黑色）+一张喜欢的图片一、单选题1、a标记的锚点链接用（）表示。A、.B、#答案：B2、在HTML中，可以使用（）标记向网页中插入GIF动画文件。A、<FORM>B、<BODY>C、<TABLE>D、<IMG>答案：D3、如果在catalog.htm中包含如下代码，则该HTML文档在IE浏览器中打开后，用户单击此链接将（

）。

<AHREF="#novel">小说</A>

A、使页面跳转到同一文件夹下名为“novel.html”的HTML文档B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档C、使页面跳转到catalog.htm中名为“novel”的锚记处D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”答案：C4、在HTML页面中，定义样式设置按钮的背景图片为images文件夹下的background1.jpg文件，需要将CSS的（）属性赋值为url(images/background1.jpg)。A、widthB、heightC、background-colorD、background-image答案：D5、已知services.html与text.html在同一服务器上，但不在同一文件夹中。假如文档services.html在文件夹information中，proposals段落在文档services.html中，现要求在text.html文档中编写一个超链接，链接到文档servlces.html的proposals段落。A、<Ahref=“services.html#proposals”>Link</A>B、<ahref=“information/services.html#proposals”>Link</a>C、<AHREF=“#proposals”>Link</A>D、<AHREF=“information#proposals”>Link</A>答案：B6、在HTML中，（）可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件。A、<AHREF=“telnet:zhangming@”>发送反馈信息</A>B、<AHREF=“mail:zhangming@”>

发送反馈信息</A>C、<AHREF=“ftp:zhangming@”>

发送反馈信息</A>D、<AHREF=“mailto:zhangming@”>

发送反馈信息</A>答案：D

7、在HTML中，（

）标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文件中定义的格式A、<HR>B、<IMG>C、<PRE>D、<BR>答案：C8、默认情况下，在HTML文档中使用（）标签绘制水平线。A、<PRE>B、<UL>C、<HR>D、<OL>答案：C9、下面语句中，（）将HTML页面的标题设置为“HTML练习”。A、<head>HTML练习</head>B、<title>HTML练习</title>C、<html>HTML练习</html>D、<body>HTML练习</body>答案：B10、在HTML中，下列（）段HTML，代码可以实现如图所示的效果。水果1.

苹果2.

桔子3.

香蕉A、<ol>水果<li>苹果<li>桔子<li>香蕉<\ol>B、<ul>水果<li>苹果<li>桔子<li>香蕉

<\ul>C、<ol><li>水果<li>苹果<li>桔子<li>香蕉

<\ol>D、<ul><li>水果<li>苹果<li>桔子<li>香蕉<\ul>答案：A11、在HTML中，<img>元素具有alt属性。关于这一属性，下面的说法错误的是（）A、当用户鼠标经过时，对图片的一个注释B、当图片找不到路径时，你在alt属性中设置的文本将在图片显示处显示C、当IE浏览器不支持时，你在alt属性中设置的文本将在图片显示处显示D、alt属性就是把图片替换为另一个图片。答案：D12、图像的()属性是用于指定图像文件的路径和名字的,它是(

)标记的必需属性。A、src

<img/>B、url

<img/>C、src

<hr/>D、url

<hr/>答案：A13、若超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的是(

).A、list.htmlB、#one.listC、list#oneD、list.html#one答案：D14、下列有关png格式图片说法不正确的是(

).A、png-32支持半透明B、png只支持256种颜色C、png不支持动画D、png体积更小,颜色过渡更平滑答案：B15、在HTML中，下列标签中的()标签在标记的位置强制换行（）A、<H1>B、<P>C、<BR>D、<HR>答案：C16、下列选项中，字号最大的是（）。A、<h2>B、<h1>C、<p>D、<h3>答案：B17、下列标记中，用来显示段落的标记是（）。A、<h1>B、<br/>C、<img/>D、<p>答案：D18、关于<ul>标记，下列说法正确的是（）。A、<ul>用来定义有序列表B、<ul>标记里面可以直接输入文本，不与<li>标记一起使用C、<ul>标记必须与<li>标记一起使用D、<ul>标记里面不能嵌套<ul>标记答案：C19、下列不是HTML中特殊字符的字符转义序列是（）。A、 B、<C、>D、&tp;答案：D20、下面哪一个属性不是文本标签的属性？（）。A、nbspB、alignC、colorD、background-color答案：A21、下面哪一项是换行符标签？（）。A、<body>B、<font>C、<br>D、<p>答案：C22、有关网页中的图像的说法不正确的是()。A、网页中的图像并不与网页保存在同一个文件中,每个图像单独保存B、HTML语言可以描述图像的位置、大小等属性C、HTML语言可以直接描述图像上的像素D、图像可以作为超级链接的起始对象答案：C23、超链接的打开方式属性是（）。A、hrefB、targetC、srcD、none答案：B24、在网页中,必须使用（）标记来完成超级链接。A、<a>…</a>B、<p>…</p>C、<link>…</link>D、<li>…</li>答案：A25、列表标签（）用于定义的页面内容可以按照特定顺序显示出来。A、＜ol＞B、＜ul＞C、＜li＞D、＜dl＞答案：A26、下列选项中，属于常用的图片格式并且能够做动画的是（

）。A、jpg格式B、gif格式C、psd格式D、png格式答案：B27、超级链接主要可以分为文本链接、图像链接和（）。A、锚链接B、瞄链接C、卯链接D、瑁链接答案：A28、HTML代码<imgsrc=“name”>表示（）。A、添加一个图像B、排列对齐一个图像C、设置围绕一个图像的边框的大小D、加入一条水平线答案：A29、下面哪一个属性不是文本标签的属性（）?A、nbsp;B、alignC、colorD、face答案：A30、关于文本对齐,源代码设置不正确的一项是()A、居中对齐:<divalign="middle">…</div>B、居右对齐:<divalign="right">…</div>C、居左对齐:<divalign="left">…</div>D、两端对齐:<divalign="justify">…</div>答案：A31、下面哪一项是换行符标签?()A、<body>B、<font>C、<br>D、<p>答案：C

32、下列哪一项是在新窗口中打开链接的网页文件。()A、_selfB、_blankC、_topD、_parent答案：B33、下面对JPEG格式描述不正确的一项是。()A、照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式B、JPEG支持很高的压缩率,因此其图像的下载速度非常快C、最高只能以256色显示的用户可能无法观看JPEG图像D、采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩答案：C34、常用的网页图像格式有()和()。A、gif,tiffB、tiff,jpgC、gif,jpgD、tiff,png答案：C

35、在HTML中,()不是链接的目标属性。A、selfB、newC、blankD、top答案：B36、有关网页中的图像的说法不正确的是()。A、网页中的图像并不与网页保存在同一个文件中,每个图像单独保存B、HTML语言可以描述图像的位置、大小等属性C、HTML语言可以直接描述图像上的像素D、图像可以作为超级链接的起始对象答案：C37、若要以标题2号字、居中、红色显示”vbscrip”,以下用法中,正确的是()。A、<h2><divalign=”center”><color=”#ff00000”>vbscript</div></h2></font>B、<h2><divalign=”center”><fontcolor=”#ff00000”>vbscript</div></h2></font>C、<h2><divalign=”center”><fontcolor=”#ff00000”>vbscript<</h2>/div></font>D、<h2><divalign=”center”><fontcolor=”#ff00000”>vbscript</font></div></h2>答案：D38、若要在页面中创建一个图像超链接，要显示的图像为myhome.jpg，所链接的地址为，以下用法中，正确的是()。A、<ahref=””>myhome.jpg</a>B、<ahref=””><imgsrc=”myhome.jpg”/></a>C、<imgsrc=”myhome.jpg”><ahref=””></a>D、<ahref=><imgsrc=”myhome.jpg”>答案：B39、要将页面的当前位置定义成名为”vbpos”和锚,其定义方法正确的是()。A、<ahref=:vbpos”></a>B、<ahref=”#vbpos”>vbpos</a>C、<aname=vbpos>D、<aname=”vbpos”></a>答案：D40、以下创建mail链接的方法,正确的是（）。A、<ahref=”master@163.com”>管理员</a>B、<ahref=”callto:master@163.com”>管理员</a>C、<ahref=”mailto:master@163.com”>管理员</a>D、<ahref=”Email:master@163.com”>管理员</a>答案：C41、加入一条最大标题的HTML代码是（）?A、＜h1＞

B、＜imgsrc="name"border=?＞C、＜imgsrc="name"align=?＞D、＜imgsrc="name"＞答案：A42、HTML中表示文字粗体的标记除了使用＜strong＞外，还可以使用（）。A、＜a＞

B、＜b＞C、＜c＞D、＜d＞答案：B43、在HTML中，标签<i>的作用是什么（）。A、文本的字体加粗B、文本的字体变细C、文本的字体加下划线D、文本字体为斜体答案：D44、列表标签（）用于定义的页面内容可以按照特定顺序显示出来。A、＜ol＞B、＜ul＞C、＜li＞D、＜dl＞答案：A45、在网页中,必须使用（）标记来完成超级链接。A、<a>…</a>B、<p>…</p>C、<link>…</link>D、<li>…</li>答案：A46、以下创建mail链接的方法,正确的是（）。A、<ahref=”master@163.com”>管理员</a>B、<ahref=”callto:master@163.com”>管理员</a>C、<ahref=”mailto:master@163.com”>管理员</a>D、<ahref=”Email:master@163.com”>管理员</a>答案：C

47、如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将（）。

<AHREF="#novel">小说</a>A、使页面跳转到同一文件夹下名为“novel.html”的HTML文档B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档C、使页面跳转到catalog.htm包含名为“novel”的锚记处D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处答案：C48、有关网页中的图像的说法不正确的是（）。A、网页中的图像并不与网页保存在同一个文件中,每个图像单独保存B、HTML语言可以描述图像的位置、大小等属性C、HTML语言可以直接描述图像上的像素D、图像可以作为超级链接的起始对象答案：C

49、下面哪一项是换行标签（）。A、<body>B、<font>C、<br>D、<p>答案：C

50、在HTML中,下列标签中的（）标签在标记的位置强制换行。A、<H1>B、<P>C、<BR>D、<HR>答案：C51、要在网页中显示文本“欢迎访问我的主页!”，要求字体为隶书、字体大小为6，则下列HTML代码正确的是（）。A、<fontsize=6type="隶书">欢迎访问我的主页!</font>B、<psize=+2face="隶书">欢迎访问我的主页!</p>C、<p><fontsize=6face="隶书">欢迎访问我的主页!</font></p>D、<fontsize=+3style="隶书">欢迎访问我的主页!</font>答案：C52、想要使用户在单击超链接时,弹出一个新的网页窗口,代码是（）。A、<Ahref="right.html"target="_blank">新闻</A>B、<Ahref="right.html"target="_parent">新闻</A>C、lt;Ahref="right.html"target="_top">新闻</A>D、<Ahref="right.html"target="_self">新闻</A>答案：A53、在HTML中,（）可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件。A、<Ahref="telnet:zhangming@">发送反馈信息</A>B、<Ahref="mail:zhangming@">发送反馈信息</A>C、<Ahref="ftp:zhangming@">发送反馈信息</A>D、<Ahref="mailto:zhangming@">发送反馈信息</A>答案：D54、关于下列代码片段的说法中，正确的是()。

…<hrsize="5"color="#0000FF"width="50%">…A、size是指水平线的长度B、size是指水平线的宽度C、width是指水平线的宽度D、width是指水平线的高度答案：C55、<ahref=”#csust”>长沙理工大学</a>的作用是（）。A、链接到长沙理工大学网页上B、链接到本文件中csust标记处C、链接暂时不被运行D、链接到#csust网页上答案：B56、标签<imgsrc=”pic1.gif”align=”center”>的作用是（）。A、插入图片pic1.gif,图片水平对齐采用“居中”方式B、插入图片pic1.gif,图片垂直对齐采用“居中”方式C、插入图片pic1.gif,图片右侧文字的水平对齐采用“居中”方式D、插入图片pic1.gif,图片右侧文字的垂直位置相对图片“居中”答案：A57、关于文本对齐,源代码设置不正确的一项是（）。A、中对齐:<divalign="middle">..</div>B、居右对齐:<divalign="right">..</div>C、居左对齐:<divalign="left">..</div>D、两端对齐:<divalign="justify">..</div>答案：A58、下列哪一项是在新窗口中打开网页文档（）。A、_selfB、_blankC、_topD、_parent答案：B58、以下说法正确的是（）。A、<A>标签是页面链接标签,只能用来链接到其他页面B、<A>标签是页面链接标签,只能用来链接到本页面的其他位置C、<A>标签的src属性用于指定要链接的地址D、<A>标签的href属性用于指定要链接的地址答案：D59、为了设置页面的背景色为黑色,应该使用（）。A、<BODYbgcolor="Black"></BODY>B、<BODYbackground="Black"></BODY>C、<BODYbackgroundcolor="Black"></BODY>D、<BODYbg="Black"></BODY>答案：A60、超级链接元素A有很多属性,其中用来指明链接所指向的URL的属性是（）。A、hrefB、herfC、target答案：A61、在HTML语言中,有些符号由于被标记或标记的属性所占用,在HTML文本中会用特殊符号表示。“&”代表（）符号。A、<B、>C、&D、“答案：C62、在HTML中,表示页面背景的是（）。A、<bodybgcolor=>B、<bodybkcolor=>C、<bodyagcolor=>D、<bodycolor=>答案：A

63、在插入图片标签中,对插入的图片进行文字说明使用的属性是（）。A、nameB、idC、srcD、alt答案：D64、选出你认为最合理的定义标题的方法（）。A、<spanclass="heading">文章标题</span><p><b>文章标题</b></p>B、<h1>文章标题</h1>C、<strong>文章标题</strong>答案：B65、关于标题<h1>-<h6>的描述错误的是（）。A、<h1>定义最大的标题。<h6>定义最小的标题。B、浏览器会自动地在标题的前后添加空行。C、标题会自动占一行D、标题必须位于页面头部答案：D

66、关于有序列表的说法正确的是（）。A、ul定义有序列表B、ol定义有序列表C、li定义有序列表D、dl定义有序列表答案：B67、以下创建mail链接的方法,正确的是（）。A、<ahref=”master@163.com”>管理员</a>B、<ahref=”callto:master@163.com”>管理员</a>C、<ahref=”mailto:master@163.com”>管理员</a>D、<ahref=”Email:master@163.com”>管理员</a>答案：C68、HTML代码<imgsrc=“name”>表示（）。A、添加一个图像B、排列对齐一个图像C、设置围绕一个图像的边框的大小D、加入一条水平线答案：A67、＜ahref=″#hlj″＞黑龙江＜/a＞的作用是（）。A、超级链接到黑龙江网页上B、超级链接到本文件中hlj标记处C、超级链接暂时不被运行D、超级链接到#hlj网页上答案：B68、当希望使图片的背景是透明的时候,应该使用的图像格式是（）。A、JPGB、PNGC、BMPD、GIF答案：B69、下列关于特殊字符的说法不正确的是（）。A、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成B、可以通过菜单栏直接插入相应特殊字符的代码C、转义序列各字符间可以有空格D、转义序列必须以分号结束答案：C70、下列属性中，用于设置鼠标悬停时图像的提示文字的是哪一项（）？A、titleB、altC、widthD、height答案：A71、<img/>标记链接图片路径的属性是（

）。A、srcB、altC、widthD、height答案：A72、在定义列表中，用于对名词进行解释和描述的标记是（

）。A、<dl></dl>B、<li></li>C、<dt></dt>D、<dd></dd>答案：D73、下列选项中，用于清除超链接默认的下划线的是（

）。A、text-decoration:none;B、text-decoration:underline;C、text-decoration:overline;D、text-decoration:line-through;答案：A73、若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（

）。A、list.htmlB、#one.listC、list#oneD、list.html#one答案：D二、多选题1、分析下面HTML代码，下面说法正确的是()…….<bodybgcolor=lanvenderfont=arial><H1>

<fontsize=”2”>你喜欢什么编程语言？</font></H1><p><ul><li>C++</li><li>Java</li><li>VB</li></body>

A、页面全部的字体大小为2B、页面背景颜色为“lanvender”C、“C++”、“Java”、“VB”显示在同一行D、“C++”、“Java”、“VB”前面是1、2、3编号答案：B2、下列选项中,属于“target”属性值的是（）。(多选题)A、_doubleB、_selfC、_newD、_blank答案：BD3、关于定义无序列表的基本语法格式,以下描述正确的是（）。(多选题)A、<ul></ul>标记用于定义无序列表。B、<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项。C、每对<ul></ul>中至少应包含一对<li></li>。D、<li>不可以定义type属性,只能使用CSS样式属性代替。答案：ABC4、网页中的列表有哪几种（）。(多选题)A、有序列表B、无序列表C、定义列表D、嵌套列表答案：ABC5、下列选项中，说法正确的是（

）。(多选题)A、在HTML中还有一种特殊的标记——注释标记B、标记分为单标记和双标记C、<h2/>二级标题是一个单标记D、<p></p>是一个双标记答案：ABD6、<font></font>标记可以设置的属性有（

）。(多选题)A、colorB、alignC、sizeD、font-family答案：AC7、下列标记中，用来设置文本为粗体的是（

）。(多选题)A、<u></u>B、<del></del>C、<strong></strong>D、<b></b>答案：CD

三、操作题

使用网页中的标记制作完成图文并茂的站在光里的英雄案例。一、多选题1、在HTML中，样式表按照应用方式可以分为三种类型，其中不包括（

）。A、内嵌样式表B、行内样式表C、外部样式表文件D、类样式表答案：D2、在网页编程中，某站点下有一个名为index.htm的页面和一个名为a.css的样式文件（index.htm和a.css在同一级目录下），如果要在index.htm页面中应用a.css样式表文件中的样式表，则应在index.htm页面的<head></head>标签中添加以下哪段代码（）。A、<linktype=“text/css”rel=”stylesheet”file=”a.css”>B、<atype=”text/css”rel=“stylesheet”href=a.css”>C、<linktype=“text/css”rel=“stylesheet”href=“a.css”>D、<linktype=“text/css”rel=“stylesheet”src=“a.css”>答案：C3、

在HTML中，使用HTML元素的class属性，将样式用于网页上某个段落的代码如下所示：<pclass=“fristp”>这是一个段落</P>下面选项中，（）正确定义了上面代码引用的样式规则A、<styletype=“text/css”>

P{color:red}

</style>B、<styletype=“text/css”>#fristp{color:red}

</style>C、<styletype=“text/css”>.firstp{color:red}

</style>D、<styletype=“text/css”>p.firstp{color:red}

</style>答案：C4、在HTML页面中，分析下面的样式规则，则以下选荐中（）表示属性。p{color:red;font-size:30px;font-family:“宋体”;｝A、PB、colorC、redD、30px答案：B在HTML页面上声明了如下所示的样式表，其中（）类选择器。<styletype=”text/css”>

P{font-family:”宋体”;color:blue;}

.important{font-family:”隶书”：color:red;}</style>A、importantB、PC、important和P均是D、important和P均不是答案：A6、分析下面的HTML代码，以下说法正确的是（）<html>

<head>

<title>changetherules</title>

<linkrel=stylesheethref=”good.css”

type=”text/css”>

<style

type=”text/css”>.warning{color:green;font-family:arial}</style>

</head>

<body>

<h2>利用sheet1样式表</h2>

<pclass=”warning”>此路不通</p><h2>theh2elementagain</h2>

</body></html>A、“此路不通”运用了“warning”样式B、如果样式文件“good.css”中也定义了warning类样式，则优先使用样式文件中的样式C、该段链接的样式表名为“text/css”D、“theh2elementagain”的样式与“此路不通”一样答案：A7、在行内式CSS样式中,<style>标记可以设置元素的样式,它一般位于(

)标记中<title>标记之后。A、<h1>B、<p>C、<head>D、<body>答案：C

8、内嵌式是将CSS代码集中写在HTML的

标记中,并且用

标记定义,同时设置style标记的

属性为“text/css”。A、<title>

<style>

typeB、<head>

<style>

typeC、<head>

<title>

styleD、<title>

css

style答案：B9、下面的选项中,CSS样式规则的具体格式正确的是(

)。A、选择器{属性1:属性值1;属性2:属性值2属性3:属性值3}B、选择器{属性1:属性值1,属性2:属性值2,属性3:属性值3;}C、选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}D、选择器{属性1:属性值1

属性2:属性值2

属性3:属性值3}答案：C10、在行内式CSS样式中,<style>标记可以设置元素的样式,它一般位于(

)标记中<title>标记之后。A、<h1>B、<p>C、<head>D、<body>答案：C

11、当<p>标记内嵌套<strong>标记时,就可以使用后代选择器对其中的<strong>标记进行控制,下列写法正确是().A、strongp{color:red;}B、pstrong{color:red;}C、strong,p{color:red;}D、p.strong{color:red;}答案：B12、使用内嵌式添加CSS样式，CSS样式需要写在(

)。A、<title></title>标记之间

B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间答案：D13、使用内嵌式添加CSS样式,CSS样式需要写在().A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间答案：D14、在行内式CSS样式中,<style>标记可以设置元素的样式,它一般位于（）标记中<title>标记之后。A、<h1>B、<p>C、<head>D、<body>答案：C15、内嵌式是将CSS代码集中写在HTML的（）标记中,并且用（）标记定义。A、<title>

<style>

C、<head>

<title>

D、<title>

css

答案：B16、CSS表示(

)。A、层B、行为C、样式表D、时间线答案：C17、下面说法错误的是()。A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新D、CSS样式表不能制作体积更小下载更快的网页答案：D18、CSS样式表不可能实现()功能。A、将格式和结构分离B、一个CSS文件控制多个网页C、控制图片的精确位置D、兼容所有的浏览器答案：D19、下面不属于CSS插入形式的是().A、索引式B、内联式C、嵌入式D、外部式答案：A20、若要在网页中插入样式表main.css，以下用法中，正确的是()。A、<linkhref="main.css"type="text/css"rel="stylesheet"/>B、<linksrc="main.css"type="text/css"rel="stylesheet"/>C、<linkhref="main.css"

type="text/css"/>D、<Includehref="main.css"type="text/css"rel="stylesheet"/>答案：A21、在HTML文档中，引用外部样式表的正确位置是（）？A、文档的末尾

B、文档的顶部C、＜body＞部分D、＜head＞部分答案：D22、假如在html文档中有这样的样式tablea{color:green;text-decoration:none;},那么这个样式会作用在什么html元素上（）。A、会作用html页面的所有a标签和table标签上B、只作用在a标签上C、只作用在table标签上D、只作用在包含在table标签中的a标签上答案：D23、以下段落字体的颜色是（）。

<style>

.red{color:red;}

#blue{color:blue;}

p{color:orange;}

</style>

<pclass="red"id="blue">这是一个段落</p>A、黑色B、红色C、蓝色D、橙色答案：C24、CSS中ID选择器在定义的前面要有指示符（）。A、*B、.C、!D、#答案：D25、下面使用了ID选择器的CSS样式是（）。A、div{font-size:12;color:green;}B、h1{font-size:12;color:green;}C、#title{font-size:12;color:green;}D、title{font-size:12;color:green;}答案：C26、以下关于CSS的说法,不正确的是（）。A、对WEB页面进行外观控制的机制B、将页面的表现与内容分离C、使WEB页面更富表现力D、是一种面向对象语言答案：D27、下面CSS使用方法描述错误的是（）。A、样式中的注释语法为:/*注释内容*/B、所有嵌套在某个html标签中的html标签都会自动继承外层标签设置的样式规则C、伪元素选择符是指同一个html元素的各种状态和部分内容的一种定义方式D、样式规则的优先级:外部样式表〉嵌入样式表〉内联样式表答案：D28、下面哪个样式使用了class选择符（）。A、#title{font-size:15;text-align:center;}B、td{color:red;font-size:13;}C、.title{font-size:20;text-align:center;font-weight:bold}D、tr{color:red;font-size:13;}答案：C29、若要在网页中插入样式表main.css,以下用法中,正确的是（）。A、<Linkhref=”main.css”type=text/cssrel=stylesheet>B、<LinkSrc=”main.css”type=text/cssrel=stylesheet>C、<Linkhref=”main.css”type=text/css>D、<Includehref=”main.css”type=text/cssrel=stylesheet>答案：A30、下面说法错误的是（）。A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新D、CSS样式表不能制作体积更小下载更快的网页答案：D31、（）样式表一般用于大型网站。A、内嵌B、链接外部C、选入D、嵌入答案：B32、在HTML文档中,引用外部样式表的正确位置是（）?A、文档的末尾B、文档的顶部C、<body>部分D、<head>部分答案：D33、外部式样式单文件的扩展名为（）。A、.jsB、.domC、.htmD、.css答案：D34、<html><head><linkrel="stylesheet"href="h1.css"type="text/css"></head><body><h1>在这里使用了H1标记</h1></body></html>使用的是哪种设置方式（）。A、内联样式B、嵌入样式C、外部样式答案：C35、在HTML中，表示内嵌CSS样式的标记是（

）。A、<title>B、<style>C、<head>D、<meta>答案：B36、如果使用内嵌式CSS样式表定义<p>标记字号为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为（

）。A、只显示12像素B、12像素红色C、只显示红色D、以上都不正确答案：B37、CSS中的基础选择器不包括（）。A、超文本标记选择器B、标记选择器C、类选择器D、id选择器答案：A

38、使用CSS时，需要遵从一定的规范。下面选项中，CSS样式书写正确的是（

）。A、h1{font：12px;}B、h1[font_size:12px;]C、h1(font：size;)D、h1{font-size：12px;}答案：D39、关于内嵌式引入CSS样式表，以下书写正确的是（

）。A、<styletype="text/stylesheet"></style>B、<styletype="text/css"></style>C、<csstype="text/style"></css>D、<csstype="text/stylesheet"></css>答案：B40、关于内嵌式CSS样式的语法格式中，下列选项正确的是（

）。A、选择器{k:v;k:v;k:v;}B、选择器{k:v,k:v,k:v,}C、选择器{k,v;k,v;k,v;}D、选择器{k->v;k->v;k->v;}答案：A41、关于行内式引入CSS样式表，以下书写正确的是（

）。A、<pstyle=font-size:12px;color:red;>段落文本</p>B、<pstyle="font-size:12px,color:red;">段落文本</p>C、<pstyle="font-size:12px;color:red;">段落文本</p>D、<pstyle="font:12px;color:red;">段落文本</p>答案：C

42、下面的选项中,行内式CSS样式的基本语法格式正确的是（

）。A、<标记名属性1:属性值1;属性2:属性值2;>内容</标记名>B、<标记名style："属性1:属性值1;属性2:属性值2;">内容</标记名>C、<标记名style="属性1:属性值1,属性2:属性值2,">内容</标记名>D、<标记名style="属性1:属性值1;属性2:属性值2;">内容</标记名>答案：D43、下列选项中，符合标签指定式选择器的写法要求的是（

）。A、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。B、由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间必须有空格。C、由两个选择器构成，其中第一个为标记选择器，第二个必须为class选择器，两个选择器之间不能有空格。D、由两个选择器构成，其中第一个为标记选择器，第二个为id选择器，两个选择器之间必须有空格。答案：A

44、页面上的div标签，其HTML代码为<div

id="box"

class="red">文字</div>，为其设置CSS样式如下：

#box{

color:blue;

}

.red{

color:red;

}

那么，文字的颜色将显示为（

）。A、红色B、蓝色C、黑色D、白色答案：B45、下面使用了class类选择器的CSS样式是（）?A、div{font-size:12;color:green;}B、h1{font-size:12;color:green;}C、a.nav{font-size:12;color:green;}D、#tit{font-size:12;color:green;}答案：C二、多选题1、下列语句中能够正确在一个HTML页面中导入在同一目录下的“StyleSheet1.css”样式表的是()（选两项）

A、<style>@importStyleSheet1.css;</style>B、<linkrel=“stylesheet”type=“text/css”href=“StyleSheet1.css”>C、

<linkrel=“StyleSheet1.css”type=“text/css”>D、

<stylerel=“stylesheet”type=“text/css”src=StyleSheet1.css”></style>答案：AB2、在HTML中，分析以下的CSS样式代码，可以知道（）。

H1{color:green;font-family:arial;}A、此段代码可以存在于一个样式表文件中B、选择器的名称是colorC、{…}部分的样式属性将作为h1元素的默认样式D、green和font-family都是属性值答案：AC3、使用内嵌式添加CSS样式，CSS样式不能写在（）。A、<title></title>标记之间B、<head></head>标记之间C、<body></body>标记之间D、<style></style>标记之间答案：ABC4、CSS中的基础选择器包括（）。A、超文本标记选择器B、类选择器C、标记选择器D、ID选择器答案：BCD5、关于样式表的优先级说法正确的是（）。A、直接定义在标记上的css样式级别最高B、内部样式表次之C、外部样式表级别最低答案：ABC

6、css的层叠样式优先级正确的是（）。A、ID选择器〉CLASS选择器〉HTML标签选择器B、ID选择器〉HTML标签选择器〉CLASS选择器C、内联样式表〉嵌入样式表〉外部样式表D、内联样式表〉外部样式表〉嵌入样式表答案：AC7、下面的选项中，CSS样式书写正确的是（

）。A、p{font-size:12px;color:red;}B、p{font-size=12px;color=red;}C、p{font-size:12px;}D、p{font-size:12;color:red;}答案：AC

8、下面的选项中，哪些CSS属性没有继承性（

）。A、字体属性B、边框属性C、边距属性D、字号属性答案：BC9、关于链入式CSS样式表，下面说法正确的是（

）。A、链入式CSS才是真正实现结构与样式分离的CSS书写方式B、链入式CSS代码必须也在一对style标签内部C、链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中D、一个HTML页面只能链接一个CSS文件答案：AC10、在CSS中，使用链入式引入CSS样式表，要通过设置<link

/>标签的（

）属性。A、type="text/css"B、rel="stylesheet"C、href=""D、rel="sheetstyle"答案：ABC11、在下面的选项中，符合CSS基础选择器的语法格式的是（

）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}答案：ABCD三、操作题使用基础选择器制作新生军训磨砺意志案例一、单选题要在网页中显示如下文本，要求字体类型为隶书、字体大小为6，则下列HTML代码正确的是（

）。

(单选题)

欢迎访问我的主页！A、<P><FONTSIZE=6TYPE="隶书">欢迎访问我的主页！</FONT>

B、<P><FONTSIZE=+2FACE="隶书">欢迎访问我的主页！</FONT>C、<P><FONTSIZE=6FACE="隶书">欢迎访问我的主页！</FONT>

D、<P><FONTSIZE=+3STYLE="隶书">欢迎访问我的主页！</FONT>

答案：C2、在HTML中，以下关于CSS样式中文本属性的说法，错误的是（）。(单选题)A、font-size

用来设置文本的字体大小B、font-family

用来设置文本的字体类型C、color

用来设置文本的颜色D、text-align

用来设置文本的字体形式答案：D3、分析下面的HTML代码片段，则选项中的说法错误的是（）

<HEAD><STYLEtype=“text/css”>.red

{color:red;font-family:“宋体”;font–size;15px;}

P{color:blue;font-family;“隶书”;font-size:20px;}

</STYLE></HEAD><BODY><P>你好</p><H1>欢迎</H1></BODY>(单选题)A、“red”

为类样式B、“p”

为文档样式C、“你好”和“欢迎”都应用了类样式”red”D、“你好”的文本颜色为蓝色答案：D4、创建一个样式表，设置当前HTML页面中应用类样式compact的元素的字体斜体。下列能实现该功能的代码是（）.(单选题)A、<STYLE

TYPE=”text/css”>compact{font-style:italic;}</STYLE>B、<STYLE

TYPE=”text/css”>@compact{font-style:italic;}</STYLE>C、<STYLE

TYPE=”text/css”>.compact{font-style:italic;}</STYLE>D、<STYLE

TYPE=”text/css”>#compact{font-style:italic;}</STYLE>答案：C5、在HTML中，文本“10元特价”的字体大小默认为3，将该文本字体大小设置为5且字体类型设置为黑体的代码正确的是（）。(单选题)A、<FONTSIZE=5STYLE=黑体>10元特价</FONT>B、<FONTSIZE=5FACE=黑体>10元特价</FONT>C、<FONTSIZE=+5FACE=黑体>10元特价</FONT>D、<FONTSIZE=+2STYLE=黑体>10元特价</FONT>答案：B6、font-style用于设置字体风格,常用的2个属性为为normal和()。(单选题)A、emB、iC、italicD、strong答案：C

7、下列选项中，用于清除超链接默认的下划线的是（

）。(单选题)A、text-decoration:none;B、text-decoration:underline;C、text-decoration:overline;D、text-decoration:line-through;答案：A8、在CSS中,用于设置首行文本缩进的属性是(

)。(单选题)A、text-decorationB、text-alignC、text-transformD、text-indent答案：D9、在HTML中,标记<font>的Size属性最大取值可以是()。(单选题)A、5B、6C、7D、8答案：C10、若要以加粗宋体、12号字显示“vbscript”以下用法中,正确的是()。(单选题)A、<b><fontstyle='font-size:10px'2>vbscript</b></font>B、<b><fontface=”宋体”style='font-size:10px'2>vbscript</font></b>C、<b><fontsize=“宋体”style='font-size:10px'2>vbscript</b></font>D、<b><fontsize=“宋体”fontstyle='font-size:10px'2>vbscript</b></font>答案：B11、若要在当前网页中定义一个独立类的样式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>答案：A12、用于设置文字颜色的的属性是（）。(单选题)A、font-color

B、colorC、font-styleD、font-variant答案：B

13、在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）。(单选题)A、不用修饰

B、下划线

C、上划线D、横线从字中间穿过答案：C14、如何去掉文本超级链接的下划线（）?(单选题)A、a{text-decoration:nounderline}B、a{underline:none}C、a{decoration:nounderline}D、a{text-decoration:none}答案：D

15、下列哪段代码能够定义所有P标签内文字加粗（）?(单选题)A、<pstyle="text-size:bold">B、<pstyle="font-size:bold">C、p{text-size:bold}D、p{font-weight:bold}答案：D16、在CSS语言中下列哪一项是"列表样式图像"的语法（）?(单选题)A、width:<值>B、height:<值>C、white-space:<值>D、list-style-image:<值>答案：D17、下列哪个CSS属性可以更改样式表的文本颜色（）?(单选题)A、text-color=B、fgcolor:C、text-color:D、color:答案：D18、下列哪个css属性可以更改字体大小（）?(单选题)A、text-sizeB、font-sizeC、text-styleD、font-style答案：B19、下列哪个css属性能够更改文本字体（）。(单选题)A、f:B、font=C、font-family:D、t

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果

文档简介

温馨提示

最新文档

评论

网页制作案例教程HTML5 CSS3 试题及答案汇 王淑敏 项目1-10 网页制作入门 - CSS3过渡 变形和动画效果

文档简介

温馨提示

最新文档

评论

相关文档

网页制作案例教程HTML5 CSS3 试题及答案汇王淑敏项目1-10 网页制作入门 - CSS3过渡变形和动画效果