HTML复习
HTML基础总结
表单
Type的用法 类型 Text Password Radio Chexkbox Reset File Submit Image Button Hidden 功能 单行文本输入 密码 单选 多选 重置表单数据按钮 文件上传 提交表单数据按钮 图形提交按钮 普通按钮 隐藏域
表单
注意点
文本框value及size 2. 单选按钮checked,name 3. 复选框的name要一致 4. 下拉列表selecked默认选中和 value值 5. 禁用disabled 6. 文本域具有name、cols和rows属性。cols和rows 属性分别用来设置文本框的列数和行数和只读 readonly
1.
常用标签注意
注意点 如果把<br>加在<p></p>标志对的外边,将创 建一个大的回车换行,即<br>前边和后边的文 本的行与行之间的距离比较大。若放在<p></p> 的里边则<br>前边和后边的文本的行与行之间 的距离将比较小。 <h1>字号最大<h6>字号最小 <hr>没有结束标记. size用来设置水平线的厚度, 而width用来设定水平线的宽度,默认单位是像 素。noshade属性不用赋值,而是直接加入标 志即可使用,它是用来加入一条没有阴影的水 平线,不加入此属性水平线将有阴影。
CSS样式
CSS基本语法 <style type=“text/css”> 选择器{ 对象的属性 : 属性值; } </style> CSS优势
内容和样式的分离 2. 样式复用提高效率 3. 页面控制精确 4. 有利于搜索引擎搜索
HTML课程 总结复习
HTML复习题
一.单选50题50分二.多选题10题20分三.判断题15题15分四.简答1题15分选择题1.在HTML中,表示页面背景的是( )A.<body bgcolor=>B.<body bkcolor=>C.<body agcolor=>D.<body color=><body leftmargin=?>,表示()A.页面左边的表格大小B.页面左边的空白大小C.页面左边的可用区域大小D.页面左边的可编辑区域大小HTML中<body text=red>,表示()A.正在点击文字的色彩是红色B.可链接文字的色彩是红色C.非可链接文字的色彩是红色D.已链接文字的色彩是红色。
??禁止表格格子内的内容自动断行的HTML代码是?A.<tr valign=?>B.<td colspan=#>C.<td rowspan=#>D.<td nowrap>??在HTML中,标记<pre>的作用是( ) A.标题标记B.预排版标记C.转行标记D.文字效果标记??以下css样式的定义不正确的是()A.em.very{color:red;}B.h1 em{color:red;}C.div#gaudi{color:red;}D.a.link{color: red;}HTML代码<img src=""name"">表示?A.添加一个图象B.排列对齐一个图象C.设置围绕一个图像的边框的大小D.加入一条水平线跨多列的表元的HTML代码为()A.<th colspan=#>B.<th rowspan=#>C.<td colspan=#>D.<td rowspan=#>//在HTML中,<form action=?>,action表示()A.提交的方式B.表单所用的脚本语言C.所需运行的脚本在服务器上的位置D.表单的形式CSS侧重于()A.Web页的继承性和表现B.组织和查找数据C.网页的初始创建D.Web页内容的动态表现加入一条水平线的HTML代码是?A.<hr>B.<img src="name" border=?>C.<img src="name" align=?>D.<img src="name">表示新开一个窗口的超链接代码是()A.<a href=URL target=_new>..</a>B.<a href=URL target=_self>..</a>C.<a href=URL target=_blank>..</a>D.<a href=URL target=_parent>..</a>不属于把CSS样式表与HTML网页关联的方法。
HTML语言复习题
23.不属于标签<MARQUEE>的属性为(D)。
A LOOP B DIRECTIO Nhomakorabea C BEHAVIOR D HIDDEN
24.网页的技术构成不包括(C)。
A HTML B CSS C超连接D ASP
25.以下哪一种方法不是编写HTML文件的主要方法(D)。
C. <a Src= Chapt3.html#Sect_2 TarGet=_Blank>第3章第2节</a>
D. <a Href= Sect_2#Chapt3.html#Sect_2 TarGet=_Blank>第3章第2节</a>
11.在HTML文档中,要定义一个宽400像素,高200像素的表格,正确的<table>标记是(D)。
19____框架___的作用是把浏览器窗口划分为若干个区域,每个区域可以分别显示不同的网页。
20背景音乐的标记是_<BGSOUND>_________,设置背景音乐的循环次数是使用LOOP属性。
21在网页中插入图片的标记是<IMG>,其中设置图像提示文字的属性是_____ALT______。
22.网页的基本构成元素包括文本、____图像______、超链接、表格、表单、动画、框架。
C. <Metahttp-Euiqv=ReFresh Content=15 URL=>
D. <Metahttp-Euiqv=ReFresh Content=15 SRC=>
2.在HTML页面中插入半角的大于号>,应使用的代码是(D)。
A. <Table Border=400 High=200>B. <Table Length=400 High=200>
HTML复习
HTML/XML复习题一、判断对错(正确T 错误F)1.HTML本身包括网页本身的文本和标记两部分,文本是网页上的内容,标记是用来定义文本显示方式2.标记必须用<>括起来3.<>与标记名之间不能有空格或其他字符4.标记是成对的,有开始标记有结束标记,有些标记是单标记,只有开始标记没有结束标记。
5.标记不区分大小写6.属性是可选的没有先后顺序7.标记的属性带有特定的值,属性值包含在直引号中。
8.标记嵌套的规则是先开始的标记后结束,后开始的标记先结束。
9.<head>标记定义页面标题,搜索引擎包括页面的信息,除标题以外的其他内容对访问者是不可见的。
10.网页中整体字体尺寸用basefont标记中的size属性来定义11.定义网页中所有文字的默认颜色用body标记中的text属性来定义12.定义颜色的属性值可以用颜色的英文如:red;也可以用RGB表示方式如:122,139,42;还可以用#******来表示,取值从0-9,a-f13.上标标记是 <sup> ,下标标记是 <sub>14.JPEG是最常用静态图像文件格式,是一种有损压缩格式,支持颜色信息丰富,但不能保存透明区域。
15.Swf是FLASH软件生成的动画影片格式,够用比较小的体积来表现丰富的多媒体形式。
16.<img>标记中border属性用来定义图片的边框17.<img>标记中图像左右空白属性为hspace,图像上下空白属性为vspace18.设置网页的背景图片使用<body>标记中的background属性,背景图片使用bgcolor属性。
19.预定义格式化文本标记是<pre>20.body标记中Link属性定义未被访问过的链接颜色;alink属性定义链接激活状态的链接颜色;vlink属性定义已被访问过链接的颜色21.target属性用来定义链接打开窗口,当属性值为blank是定义链接在新窗口中打开。
HTML第二轮复习
1HTML 是超文本标记语言,属于网页中结构部分;实现一个网页需要“结构”+“样式”+“行为”也就是HTML+CSS+JavaScript2HTML 包含什么标签?肯定是有html、head、body;标签如何嵌套?怎么使用才具有语义性?先了解如下:2.1什么是SEO?SEO简单的理解就是搜索引擎优化,搜索引擎优化有多方面去合理规划,拿我们前端来说只能去改变网站的结构(标签的合理嵌套,具有语义性),其他方面的我们是无法去改变的(比如网站的内容等)。
2.2你去实现一个网页,如何让浏览器知道你写的是html类型的文件?所以我们需要在html里面进行文档声明,说明文档是html文档,让浏览器按照html语法来解释这个页面;如果没有写文档声明就会发生怪异解析了(IE6);文档什么具有哪几种类型呢?第一:严格<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""/TR/html4/strict.dtd">第二:过渡<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""/TR/html4/loose.dtd">第三:框架<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""/TR/html4/frameset.dtd">3head标签里面包含什么?3.1title3.2 meta元信息(nanme属性)主要就是<.meta name=’参数名称’ content=’参数值’>第一:关键字Keywords告诉搜索引擎你的网页的关键字第二:描述Description告诉搜索引擎你的网页的主要内容第三:作者Author网页的作者第四:机器人向导Robots,告诉机器人哪些页面需要索引,哪些页面不需要索引meta元信息(http-equiv属性)第一:刷新Refresh<meta http-equiv=’Refresh’ content=’3;url=’指定地址’>第二:content-Type(显示字符集的设定)<meta http-equiv='content-Type'content='text/html; charset=UTF-8'>3.3 link里面有什么属性呢?样式表的引入<link rel='stylesheet' type='text/css' href=''> 期中rel表示当前文档与被连接文档之间的关系(stylesheet表示样式表)实现文档在浏览器标签有图片<link type='image/x-ico' rel='icon' href='../images/ibokan.ico'>4body标签里面包含什么?4.1如何去选择标签?标签的语义性和合理嵌套;如下图看到这幅图,我们分为标题和内容,对于标题我们可以选择H系列标签,但是选择H系列标签也是有讲究的,他们也是有层级关系,依次根据重要性递减,因为这样能让页面的层级关系更明显,有利于爬虫抓取和分析页面主要内容。
网页设计期末复习试题
网页设计复习选择题答案:ABDAC CABCBBACDC CBACABBDAD CCBBCACAAC BDDDADCACB CACDBCACDB DCBAB如果有同学发现答案有误请大家在群里指出一下一. 单项选择题1、HTML 指的是。
A.超文本标记语言(Hyper Text Markup Language)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text Markup Language)2、Web 标准的制定者是万维网联盟(W3C)。
A. 微软(Microsoft)B.万维网联盟(W3C)C.网景公司(Netscape)3、在下列的 HTML 中,哪个是最大的标题。
A. <h6>B. <head>C. <heading>D. <h1>4、在下列的 HTML 中,哪个可以插入折行。
A.<br>B.<lb>C.<break>5、在下列的 HTML 中,哪个可以添加背景颜色。
A.<body color="yellow">B.<background>yellow</background>C.<body bgcolor="yellow">6、产生粗体字的 HTML 标签是。
A.<bold>B.<bb>C.<b>D.<bld>7、产生斜体字的 HTML 标签是。
A.<i>B.<italics>C.<ii>8、在下列的 HTML 中,可以产生超链接?A.<a url=""></a>B.<a href="">W3School</a>C.<a></a>D.<a name=""></a>9、能够制作电子邮件链接。
HTML复习题
HTML复习题一、选择题:1.下面语句中,()将HTML页面的标题设置为“HTML练习”A.<HEAD> HTML练习</HEAD>B.<TITLE> HTML练习</TITLE>C.<H> HTML练习</H>D.<T> HTML练习</T>2.下面代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<p id="firstp">这是第一个段落</p>以下关于样式规则定义正确的是()。
A.<style type="text/css">p{color:red}</style>B.<style type="text/css"># firstp {color:red}</style>C.<style type="text/css">.firstp {color:red}</style>D.<style type="text/css">P.firstp {color:red}</style>3.下列代码段是某页面的样式设置:<style TYPE="text/css">.blue { color:blue }.red { color:red }</style>现要求将页面中的第一个H1标题设置为红色,第一个段落设置为蓝色。
下列代码正确的是()。
A.<H1 id="red">第一个标题<H1><P id="blue">第一个段落B.<H1 color:red>第一个标题<H1><P color:blue>第一个段落C.<H1 class="red">第一个标题<H1><P class="blue">第一个段落D.<H2 class="red">第一个标题<H2><H1>第一个标题<H1><P class="blue">第一个段落4.下面有关样式表的说法正确的是()(选择两项)。
网页设计与制作_复习资料
复习资料1一、单项选择题(1-30题,每小题1分,共30分)1.在HTML中,<p>是 ( )标签A 换行 B段落C水平线 D以上都不对2.在HTML中,<br />是 ( )标签A 换行 B标题C水平线 D以上都不对3.下列哪一项的电子邮件链接是正确的是 ( )A B xx@.netC xx@comD XXX@4.网页要想修改显示的标题信息,需要修改的标签是 ( )A <ul><li>B <span>C <table>D <title>5.下面哪一项是在新窗口中打开网页文档 ( )A _selfB _blankC _topD _parent6.常用的网页图像格式有( )和( )A gif,tiffB tiff jpgC gif,jpgD tiff,png7.下面说法错误的是 ( )A CSS样式表可以将格式和结构分离B CSS样式表可以控制页面的布局C CSS样式表可以使许多网页同时更新D CSS样式表不能制作体积更小下载更快的网8.在CSS中样式表不可能实现 ( )功能A 将格式和结构分离B 一个CSS文件控制多个网页C 控制图片的精确位置D 兼容所有的浏览器9.要使表格的边框不显示,应设置broder的值是( )A 1B 0C 2D 310.CSS中以下哪个是设定字体大小的( )A font-widthB letter-spacintC font-sizeD color11.CSS中以下哪个是设定字体的颜色( )A letter-spacintB font-familyC line-heightD color12. CSS中以下哪个是设定字体的颜色( )A font-widthB font-familyC font-sizeD color13.下列HTML标记中,可以单个出现的标记的是 ( )A <li>B <h1>C <table>D <div>14.以下标记符中,没有对应的结束标记是 ( )A <body>B <br>C <html>D <title>15.CSS中设置背景颜色的( )A background-colorB background-imageC background-repeatD background-position16.frameset框架把页面分成三行,下面哪种写法正确 ( )A <frameset rows=”25%,50%,*”></frame>B <framesetcols=”25%,50%,*”></frameset>C <frameset rows=”25%,50%”></frame>D <framesetcols=”25%,50%,10%”></frameset>17.若是将网页的背景图形为bg.jpg,以下标记中,正确的是( )A <body background=”bg.jpg”>B <body bground=”bg.jpg”>C <body image=”bg.jpg”>D <body bgcolor=”bg.jpg”>18.以下哪种是ID选择器的用法 ( )A <P id=”sty”>B <P class=”sty”>C <P style=”float:left”>D 以上都不对19.以下标记中,可用来产生滚动条的是( )A <Scorll >B <Marquee>C <TextArea>D <iframe>20.可用来在一个网页中嵌入另一网页内容的标记符是 ( )A <Marquee>B <iframe>C <Embed>D <Object>21.下列属于ID选择器的是( )A #p{color:red}B .p{color:red}C p{color:red}D .p,.h1{width:100%}22.以下可以实现层右边浮动的是( )A float:noneB float:leftC float:rightD text-align:left23.用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>24.在html中,样式表按照应用方式可以分为三种类型,其中不包括( )A 内部样式表B 行内样式表C 外部样式表D 类样式表25.在html中,可以使用 ( )标记向网页中插入jpg文件A <form>B <body>C <table>D <img>26.html中,将表单中input元素的type属性设置为( )时,用于创建重置按钮。
网页设计复习提纲
表单Form语法说明
name:给定表单名称,表单命名之后就可以用脚本语言 (如JavaScript或VBScript)对它进行控制。 – action:指定处理表单信息的服务器端应用程序。 – method :用于指定表单向服务器提交数据的方法,可以 为get或是post,默认方式是get。
–
<form name="…" action=".." method="…"> … </form>
–
<frame scrolling="yes或no或auto">
语法说明:
–
yes表示为显示滚动条,no表示不显示滚动条,auto为 自动设置。
表单使用的<form>标记是成对出现的 表单Form基本语法:
<form name="…" action=".." method="…"> <input> …. <select>…..</select> … <textarea>…</textarea> </form>
-“1”:指定项目编号为阿拉伯数字(IE浏览器的默认值); -“a”:指定项目编号为小写英文字母; -“A”:指定项目编号为大写英文字母; -“i”:指定项目编号为小写罗马数字; -“I”:指定项目编号为大写罗马数字。
编号起始值
使用有序列表标记的start属性后,用户则可改变 编号的起始值。 start属性值是一个整数,表示从哪一个数字或字 母开始编号。例如,设置start="3",则有序列 表的列表项编号将从“3”、“c”、“C”、“ⅲ” 或“Ⅲ”开始编号。
HTML5考试复习资料
单选1.selection对象的哪个方法直接将用户选取的终点移到起点:DA.selection.collapse();B.selection.containsNode();C.selection.collapseToEnd();D.selection.collapseToStart();2.从当前selection移除range对象使用的方法是:CA.addRange(range);B.removeAllRanges()C.removeRange(range);D.getRangeAt(index);3.创建一个selection对象用的是哪个方法:CA.window.getSelection ();B.document.getSelection ();C.document.createSelection ();D.window.createSelection ();4.删除内容用的是哪个方法:CA.cloneRange();B.createRange();C.deleteContents();D.toString();5.创建Range用的是哪个方法:BA.cloneRange();B.document.createRange();C.deleteContents();D.toString();6.Canvas图形,需要在正中间的位置填充线性渐变色,使用addColorStop(X,"#0000ff"); 其中X的值是多少?CA. 50%B. 1/2C. 0.5D. 507.cxt.arc(100,100,100,0,Math.PI*2,true) Canvas绘制圆形的arc方法中,参数说明正确的是:CA.圆半径,圆心X坐标,圆心Y坐标,开始角度,结束角度,是否顺时针B.圆心Y坐标,圆心X坐标,圆半径,开始角度,结束角度,是否顺时针C.圆心X坐标,圆心Y坐标,圆半径,开始角度,结束角度,是否顺时针D.圆心X坐标,圆心Y坐标,圆半径,开始角度,结束角度,是否逆时针8.Canvas绘制线条时用下面哪个方法设置起点坐标:AA.lineToB.moveToC.startToD.beginTo9.Canvas用于填充颜色的属性是:AA.fillStyleB.fillRectC.lineWidthD.strokeRect10.创建Canvas画布使用的方法是:CA.getContext("3d");B.document.Context("3d");C.getContext("2d");D.document.Context("2d");11.window.history.forward()它表示CA.前进到下一个页面B.返回到上一个页面C.刷新到下一个页面D.刷新到当前页面12.本地存储用到的键名只能是:AA.唯一的B.多样性的C.可变得D.无所谓13.读取localStorage数据的方法是:BA.localStorage.getItem("键值");B.localStorage.getItem("键名");C.localStorage.loadItem("键值");D.localStorage.loadItem("键名");14.读取sessionStorage数据的方法是:BA.sessionStorage.getItem("键值");B.sessionStorage.getItem("键名");C.sessionStorage.loadItem("键值");D.sessionStorage.loadItem("键名");15.sessionStorage保存数据的方法正确的是:AA.sessionStorage.setItem("键名","键值");B.sessionStorage.saveItem("键名","键值");C.sessionStorage.setItem("键值","键名");D.sessionStorage.saveItem("键值","键名");16.编写manifest文件中的注释是BA.以//开头的单行注释B.以#开头的单行注释C.以<!-- -->的多行注释D.以/* */的多行注释17.编写manifest文件分为几个部分:DA. 1B. 2C. 3D. 418.配置manifest文件,IIS的配置方法是在网站属性的http头标签中找到MIME 类型添加关联扩展名manifest内容类型输入()BA.text/manifestB.text/cache-manifestC.text/manifest-cacheD.text/local-manifest19.离线应用中,manifest文件放在网页文件的哪个标记后面AA. BodyB. HtmlC. DivD. head20.离线应用中,manifest文件放在网页文件的哪个标记后面AA. BodyB. HtmlC. DivD. head21.Blob对象中的type属性表示文件的:DA. 文件名B. 文件大小C. 图片格式D. MIME类型22.FileReader对象使用()方法把图片显示出来:CA. readAsBinaryStringB. readAsTextC. readAsDateURLD. readAsArrayBuffer23.当使用Google图像搜索时,你可以把一幅图片从电脑桌面拖放到Google页面的输入框里,这就是使用HTML5的()API实现的。
html5 web前端期末考试复习题
html5 web前端期末考试复习题一、单选题(每小题2分)1. 用HTML标记语言编写一个简单的网页,网页最基本的结构是A、<HTML> <title>…</title><body>…</body> </HTML>B、<HTML> <title>…</title><frame>…</frame> </HTML>C、<HTML> <head>…</head><body>…</body> </HTML>(正确答案)D、<HTML> <head>…</head><frame>…</frame> </HTML>2. 在HTML语言中,设置表格中文字与边框距离的标签是A、<TABLE border=#>B、<TABLE cellpadding=#>(正确答案)C、<TABLE width=#>D、<TABLE cellspacing=#>3. 下面关于HTML描述不正确的是?A、HTML称为超文本标记语言B、HtML代码由各种标签组成C、HTML文档的扩展名以.html结尾D、HTML是一种编译型的编程语言(正确答案)4. 以下标记符中,没有对应的结束标记的是A、<HTML>B、<body>C、<title>D、<br>(正确答案)5. A文件夹与b.html文件是同级,其中A下有a.html,现在我们希望在a.html文件中创建超链接,链接到b.html,应该在a.html页面代码中如何描述超链接href属性?()A、../../b.htmlB、./b.htmlC、../b.html(正确答案)D、b.html6. 在HTML中,()标签用于在网页中创建表单。
网页设计与制作重点复习资料
名词解释:2、表单:就是网页中站点服务器处理的一组数据输入域。
3、框架:是有一个框架网页所定义的浏览器视窗区域,它通过框架网页实现。
4、超级连接:是指从一个网页指向另一个目的端的连接,是从文本、图片或图形或图像映射到全球广域网上网页或文件的指针。
5、标记:HTML中用来指网页元素的类型,格式和外观的文本字符串,。
6、服务器端图像地图:一个传递鼠标光标到服务器上CGI处理程序的图像映射。
7、属性:是HTML标记的一个额外部分,他包含有关次标记自身的选项或其他信息。
8、绝对路径:从目录层次的最顶层开始一直向下通过所有的中间层的目录至到达对应文件,这种方式表达的路径称作绝对路径。
9、锚:即书中所讲的“书签”,是在页面内部可以连接到特殊的地方,通过它连接可以直接跳转到那些特殊的地方而不是仅仅跳到页面的顶部。
10、创建表单的步骤:决定要手机的信息,然后开始标点设计,在表单中添加域,设置表单域的数据输入规则:设置通过表单所收集的信息的处理方式:设置确认网页。
11、DHTML:就是一种即使在网页下载到浏览器以后仍然能够随时变换更新网页内容排版样式以及动画等等技术,它是一种通过各种技术的综合发展而得以实现的概念,主要包括CS S、DOM等技术。
12、DOM:文档对象模型,为HTML文档定义了一个与平台无误的程序接口。
13、CSS:层叠样式表:是由全球广域网协会所发展出来的HTML的规范表。
14、静态联编:指程序语言的各种对象和库的引用必须在编译时进行,以使编译器能够实现强类型检查。
15、脚本语言:是一种解释性的语言,它不需要编译即可运行。
16、对象:是一种组织数据的方式以及与数据相关的操作。
17、选择符:在层叠样式表的样式定义中,把HTML组件连接到一个样式内容和值的特定组合。
18、关联选择符:是一个用空格隔开的两个或更多的单一选择符组成的字符串。
19、站点:是一个将网页、图像媒体等集合到一起的抽象概念。
20、模板:指一类特殊文档,可提供构造最终文档的基本工具。
HTML北大青鸟考试题-龙流平分享
需求说明: 需求说明: 1、用TABLE表格布局页面 、 表格布局页面 2、页面分为三部分:菜单导航、中间部分和QQ秀区 、页面分为三部分:菜单导航、中间部分和 秀区 3、网页内容四边用圆角背景 、 4、图片与文本对齐 、 页面效果
完成时间:35分钟 完成时间: 分钟
阶段3 阶段
需求说明: 需求说明: 页面效果
第三部分( 分钟 分钟) 第三部分(10分钟)
总结
复习串讲
学员对本门课程进行总结( 分钟 分钟) 学员对本门课程进行总结(50分钟)
3~4位学员讲解 ~ 位学员讲解
每人15~ 分钟 每人 ~20分钟
习题训练
1、以下选项中,可以放置到层中的有( 、以下选项中,可以放置到层中的有(
A. 文本 B. 图像 C. 插件 D. 层
6、当希望使图片的背景是透明的时候,应该使用的图像 、当希望使图片的背景是透明的时候, 格式是( 格式是(
A. JPG B. PCX C. BMP D. GIF
)
答案: 答案:D
习题训练
7、下列标签可以不成对出现的是( 、下列标签可以不成对出现的是(
A.〈HTML〉〈 . 〉〈/HTML〉 〉〈 〉 B.〈P〉 〈/P〉 . 〉 〉 C.〈TITLE〉〈 . 〉〈/TITLE〉 〉〈 〉 D.〈BODY〉〈 . 〉〈/BODY〉 〉〈 〉
web期末复习题库及答案
web期末复习题库及答案Web期末复习题库及答案一、选择题1. 以下哪个不是HTML的元素?A. `<p>`B. `<div>`C. `<li>`D. `#main`答案:D2. CSS选择器中,哪个是类选择器?A. `*`B. `#`C. `:`D. `.`答案:D3. JavaScript中,哪个方法用于获取页面中DOM元素的值?A. `getElementById()`B. `getElementsByClassName()`C. `querySelector()`D. `innerHTML`答案:D4. 以下哪个不是Web开发中的前端技术?A. HTMLB. CSSC. JavaScriptD. PHP答案:D5. 在HTML5中,以下哪个标签用于定义文档的元数据?A. `<header>`B. `<footer>`C. `<section>`D. `<meta>`答案:D二、填空题1. HTML的全称是_________。
答案:HyperText Markup Language2. CSS的全称是_________。
答案:Cascading Style Sheets3. JavaScript是一种_________语言。
答案:动态、解释型4. 在HTML中,`<a>`标签用于创建_________。
答案:超链接5. 在JavaScript中,`document.write()`用于向_________输出内容。
答案:文档或浏览器窗口三、简答题1. 请简述HTML、CSS和JavaScript在Web开发中的作用。
答案:- HTML:用于创建网页的结构和内容。
- CSS:用于设置网页的样式和布局。
- JavaScript:用于实现网页的交互功能。
2. 什么是响应式网页设计?答案:响应式网页设计是一种使网页能够适应不同设备屏幕尺寸的设计方法,通过使用媒体查询、灵活的布局和网格以及图片等技术,确保网页在各种设备上都能提供良好的用户体验。
网站建设复习题
一、判断题1.HTML标记符的属性一般不区分大小写。
(√)2.网站就是一个链接的页面集合。
(√)3.将网页上传到Internet时通常采用FTP方式。
(√)4.所有的HTML标记符都包括开始标记符和结束标记符。
(×)5.指定滚动字幕时,不允许其中嵌入图象。
(×)6.在HTML表格中,在TR、TD或TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。
(√)7.CSS中的color属性用于设置HTML元素的背景颜色。
(×)8.HTML表格在默认情况下有边框。
(√)9.使用 FONT 标记符的size 属性可以指定字体的大小。
(√)10.B标记符表示用粗体显示所包括的文字。
(√)11.HTML是一种网页编程语言。
(×)12.HTML标记符不区分大小写。
(√)13.HTML标记符都必须配对和成组使用。
(×)14.网页的交互是指浏览者单击栏目、超级链接等,以及鼠标经过或放于某处时,页面会作出相应的反应。
(√)15.网页中引入层技术,在层中可以插入各种对象,而且各个层可以嵌套、重叠、交盖等,但不是所有的浏览器都支持层技术。
(√)16.HTML语言主要是用来描述动态元素的。
(×)17.在发布网页前必须在Internet上申请一个主页空间。
(√)18.域名不是惟一的。
(×)19.在用浏览器访问某个网站的页面时,可通过查看源文件的方式,修改网页的源代码。
(×)20.用HTML所编写的网页,在任何浏览器中均能正常运行和显示。
(×)二、填空题1.HTML文件的扩展名可以用.html或.htm。
2.网页按其表现形式可分为静态和动态两种。
3.HTML标记分为单标记和双标记两种类型。
4.TITLE 标记符应位于 head 标记符之间。
5.网页制作中,换行标记为 <br> 。
6.网页文档是用超文本标记语言编写而成,这种语言是一种顺序符号标记语言。
网页设计课后复习题
《网页设计课后复习题》第一章网页设计概述一、填空题。
1.HTML是超文本标记语言的英文缩写,全称是Hyper Text Markup Language。
2.现在网络上使用的绝大多数图片和图像是gif格式、jpeg格式和png文件格式。
3.通过超链接可以从一个网页转到另一个网页,也可以从一个网页转到另一个网页。
超链接的载体包括文本、图像和热区三种。
4.网页能够把信息以多媒体的方式表现出来,同时把世界各地的信息链接在一起。
网页的基本功能有媒体的作用、互动的作用和传输的作用三方面。
5.PNG格式是Fireworks默认的格式。
它结合了jpeg和gif的优点,也支持透明和交错,是无损压缩的。
二、选择题。
1.网页中最基本的元素是(D)。
D.文字。
2.浏览网页时,当鼠标指针指向超链接时,通常鼠标指针的形状会变成(A)。
A.手形。
3.下列(D)不是用于制作网页的软件。
D.ORC。
4.以下图像格式具有动画效果的是(B)。
B.GIF。
5.网页编制完成以后,一般是以(C)为扩展名存盘的。
C.html。
第二章HTML语言基础一、填空题。
1.在HTML语言中文本文档标签是必须的。
2.在HTML语言中<P>标记的作用是表示一个文本段落的开始。
3.在插入图像或者使用超链接时,路径有相对路径和绝对路径两种。
4.HTML的英文全称是Hypertext Markup Language。
5.HTML列表常用的包括有序列表和无序列表,有序列表的标记是<OL>,无序列表的标记是<UL>。
二、选择题。
1.为同段落中的文本换行时,HTML标记为(B)。
B.<br>。
2.HTML代码<img src=url>表示(A)。
A.添加一个图像。
3.在HTML文档中创建最大的标题的文本标签是(B)。
B.<hL></hL>。
4.在HTML文档中网页的主体内容将写在(A)标记内。
HTML复习题二参考答案
一、选择题(30*2=60分)()1、frame标记中是否要滚动条可以设置什么属性A、frameborderB、scrollingC、framespacing D.marginwidth()2、在XHTML中,样式表按照应用方式可以分为三种类型,其中不包括A、内嵌样式表B、行内样式表C、外部样式表文件D、类样式表()3、下列那种按钮是提交到服务器的按钮A.<input type=”button”>B.<in put type=”submit”>C.<input type=”reset”>D.<input type=”radio”>()4、使用以下那个属性可以使单选按钮的初始状态为选中状态A.name B.value C.selected D.Checked()5、使用以下那个属性可以使下拉菜单的某个项处于选中状态A.name B.value C.selected D.Checked()6、若要在网页中插入样式表main.css,以下用法中,正确的是()。
A.<Link href=”main.css” type=text/css rel=stylesheet>B.<Link s rc=”main.css” type=text/css rel=stylesheet>C.<Link href=”main.css” type=text/css>D.<Include href=”main.css” type=text/css rel=stylesheet>()7、关于文本对齐,源代码设置不正确的一项是:A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>()8、下面哪个标记可以为下拉列表添加一个项:A.<select> B.<option>C.<item> D.<list>()9、下面哪个不是align的取值A.center B.left C.right D.Top()10、下面哪个不是表格要用到的标签A.<hr>B.<tr></tr> C.<td></td> D.<th></th>()11、下面哪个属性用来设置横向通栏A.width B.height C.colspan D.Rowspan()12、下面哪个标签是用来设置背景色的A、colorB、backcolorC、bgcolorD、backgroundcolor()13、URL是什么意思A.超文本传输协议B.超文本标记语言C.文件传输协议D.统一资源定位器()14、下面哪个标记可以为下拉列表添加一个项:A.<select> B.<option> C.<item> D.<list>()15、HTML的缺省字号是几号字A.1号字B.2号字C.3号字D.4号字()16、标题标记<hn>中n的取值最大是多少A.5 B.6C.7 D.8()17、下面那个控件对用户是不可见的A.button B.hidden C.img D.Text()18、下面那个标签不是单标记A.<h2> B.<hr> C.<br> D.<img>()19、下面那个效果在IE浏览器中无法显示A.<sub> B.<strong> C.<blink> D.<sup>()20、水平线的粗细是通过那个标记来设置的A.align B.size C.width D.Height()21、<LINK REL="stylesheet" HREF="style.css" TYPE="text/css"> 说明该页面用的是那种css:A.外部定义css B.内定义cssC.文本间css D.以上都不是()22、下面哪种布局会导致元素塌陷()。
HTML期末考试复习题及参考答案
H T M L期末复习题(含答案)第1题判断正误(1)HTML标记符的属性一般不区分大小写。
(对)(2)网站就是一个链接的页面集合。
(对)(3)将网页上传到Internet时通常采用FTP方式。
(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。
(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。
(6)B标记符表示用粗体显示所包括的文字。
(对)(7)GIF格式的图象最多可以显示256种颜色。
(对)(8)HTML表格在默认情况下有边框。
(错)(9)创建图象映射时,理论上可以指定任何形状作为热点。
(对)(10)指定滚动字幕时,不允许其中嵌入图象。
(错)1.使用FONT 标记符的size 属性可以指定字体的大小。
( )2.网站就是一个链接的页面集合。
( )3.GIF格式的图象最多可以显示1024种颜色。
( )4.制作图像映射只需要使用<AREA> 标记符。
( )5.在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。
( )6.在HTML表格中,在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。
( )7.指定滚动字幕时,不允许其中嵌入图象。
( )8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。
( )9. CSS中的color属性用于设置HTML元素的背景颜色。
( )10.CSS样式表项的组成格式为:selector{property1:value1, property2:value2, ……}( )1. T2. T3. F4. F5. F6. T7. F8. T9. F 10. F第2题单选题(20分)(1)WWW是的意思。
答案:BA.网页B.万维网C.浏览器D.超文本传输协议(2)在网页中显示特殊字符,如果要输入“<”,应使用_________。
答案:DA.lt; B.≪ C.< D.<(3)以下有关列表的说法中,错误的是:。
css基础
• </head>
Css初体验:将一段文字颜色变成红色
标签选择器
• 标签选择器其实就是html代码中的标签
– Html中标签:<html>、<body>、<h1>、<p>、 <img>等等 CSS简单属性 width:设置宽度,单位px像素 height:高度 color:前景色,也就是文字的颜色 background-color:背景色。 font-size:字体的大小。
• • • • •
案例:CSS设置样式
• 设置p标签的背景色为红色 • 设置H1标签的字体颜色为绿色 • 设置span标签的文本为14像素
案例完成
类选择器
类选择器(class)
• 什么是类?
– 物以类聚,人以群分。比如:我们都是牛人! – 黄种人、白种人、欧洲人、亚洲人 – 所有的鸭子、所有的猫、
-选择器分类:
1基础选择器 1.1:标签选择器 1.2:类选择器 1.3:ID选择器 1.4:复合选中器 2复合选择器
如何编写CSS
如何编写CSS样式?
– 内嵌(嵌入,内部)样式,head标签中添加style标签。
• 在head标签中添加style标签。 • <head>
– <style> p {color:red;}</style>
案例小热身
Css相关属性
Text-align Font-size Font-family Font-weight Center,left,right 18px 微软雅黑,宋体 Normal默认,bold粗体, 100px Normal默认,italic斜体 颜色 文字居中格式 设置文字大小 设置字体 设置字体加粗
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HTML/XML复习题一、判断对错(正确T 错误F)1.HTML本身包括网页本身的文本和标记两部分,文本是网页上的内容,标记是用来定义文本显示方式2.标记必须用<>括起来3.<>与标记名之间不能有空格或其他字符4.标记是成对的,有开始标记有结束标记,有些标记是单标记,只有开始标记没有结束标记。
5.标记不区分大小写6.属性是可选的没有先后顺序7.标记的属性带有特定的值,属性值包含在直引号中。
8.标记嵌套的规则是先开始的标记后结束,后开始的标记先结束。
9.<head>标记定义页面标题,搜索引擎包括页面的信息,除标题以外的其他内容对访问者是不可见的。
10.网页中整体字体尺寸用basefont标记中的size属性来定义11.定义网页中所有文字的默认颜色用body标记中的text属性来定义12.定义颜色的属性值可以用颜色的英文如:red;也可以用RGB表示方式如:122,139,42;还可以用#******来表示,取值从0-9,a-f13.上标标记是<sup> ,下标标记是<sub>14.JPEG是最常用静态图像文件格式,是一种有损压缩格式,支持颜色信息丰富,但不能保存透明区域。
15.Swf是FLASH软件生成的动画影片格式,够用比较小的体积来表现丰富的多媒体形式。
16.<img>标记中border属性用来定义图片的边框17.<img>标记中图像左右空白属性为hspace,图像上下空白属性为vspace18.设置网页的背景图片使用<body>标记中的background属性,背景图片使用bgcolor属性。
19.预定义格式化文本标记是<pre>20.body标记中Link属性定义未被访问过的链接颜色;alink属性定义链接激活状态的链接颜色;vlink属性定义已被访问过链接的颜色21.target属性用来定义链接打开窗口,当属性值为blank是定义链接在新窗口中打开。
22.<ol>定义有序列表,<ul>定义无序列表23.定义列表的开始标记是<dl>24.定义表格的标记是<table>标记,<tr>定义行的开始,<td>定义行中的单元格25.网页中设置滚动字幕的标记是<marquee>标记26.网页中版权声明符号标记是©27.定义框架集的HTML标记是<frameset>28.框架集标记<frameset>定义在<body></body>标记之间。
(F)29.<frame>标记中用来定义滚动条的属性是scrolling30.标记<form>用来定义表单域31.表单的提交方式有post和get 两种32.关键字和描述信息定义在<head></head>标记之间。
33.<head> 标记定义页面标题,搜索引擎包括页面的信息,除标题以外的其他内容对访问者是不可见的。
34.标记必须用<> 括起来,标记一般成对出现。
标记的属性带有特定的值,属性值包含在直引号中35.网页文件标题标记<title>36.设置网页背景颜色通过在<body>标记中添加属性bgcolor实现37.Xml语言Extensible Markup Language是指可扩展标记语言38.XML是一种数据存储语言,XML标记用来描述文本的结构,而不是用于描述如何显示文本。
39.XML文件扩展名为”.xml”40.XML文档主要由两部分组成:序言和文档元素,序言包括声明版本号、处理指令等。
文档元素指出了文档的逻辑结构,并且包含了文档的信息内容。
一个典型的元素有起始标记、元素内容和结束标记。
41.CDATA节中的所有字符都会被当作元素中字符数据的常量部分,而不是XML标记。
42.将XML文档在浏览器中按特定的格式显示出来,需要css样式文件或者xsl样式文件告诉浏览器如何显示。
二、填空1.body标记中Link属性定义未被访问过的链接颜色;alink属性定义链接激活状态的链接颜色;vlink属性定义已被访问过链接的颜色2.target属性用来定义链接打开窗口,当属性值为blank是定义链接在新窗口中打开。
3.<ol>定义有序列表,<ul>定义无序列表4.定义表格的标记是<table>标记,<tr>定义行的开始,<td>定义行中的单元格5.网页中设置滚动字幕的标记是<marquee>标记6.网页中版权声明符号标记是©7.定义框架集的HTML标记是<frameset>8.<frame>标记中用来定义滚动条的属性是scrolling9.表单的提交方式有post和get 两种10.标记<form>用来定义表单域三、名词1.表单表单提供图形用户界面的基本元素,包括按钮、文本框、单选钮、复选框等,是HTML实现交互功能的主要接口,用户通过表单向服务器提交数据。
2.HTML语言Hypertext Markup Language超文本标记语言,是构成web页面的主要工具,是用来表示网上信息的符号标记语言。
通过HTML语言将所表达的信息按照规则写成HTML文件,通过浏览器来识别,并将这些HTML翻译成可以识别的信息,就是所见到的网页。
3.tag标记用来描述功能的符号称为“标记”。
HTML本身包括网页本身的文本和标记两部分,文本是网页上的内容,标记是用来定义文本显示方式的(如:颜色格式等等)4.Xml语言可扩展标记语言XML(eXtensible Markup Language)XML是一种数据存储语言,使用一系列简单标记描述数据,用户根据描述的数据自己定义各种标签。
XML标记用来描述文本的结构。
四、简答1.网页中超链接的方式有哪些,分别写出其在HTML源文件中的格式。
(1)网站内部页面间的链接<a href=¨a.html¨></a>(2)网站内部页面与其他网站页面间的链接<a href=¨¨></a>(3)网页与邮件服务器的链接<a href=¨mailto:***@¨></a>(4)锚点链接<a name=锚点名></a><a href=#锚点名></a>3.简述xml语言的特性(1)实现应用程序之间的数据交换。
(2)数据与显示分离。
(3)数据分布式处理。
4.简述XML文档处理流程处理过程分为三个阶段:①编辑:使用通用的字处理软件或专用的XML编辑工具生成XML文档。
②解析:对XML文档进行语法分析、合法性检查。
读取其中的内容,通常以树形结构交给后续的应用程序进行处理,后续程序通常为浏览器或其他应用程序。
③浏览:将由XML解析器传来的XML树形结构以用户需要的格式显示或处理。
5.简述xml文档的基本规则(1)文档必须有一个顶层元素(文档元素或根元素),所有其他元素必须嵌入到其中。
(2)元素必须被正确地嵌套。
如果一个元素在另一个元素中开始,那么它必须在同一个元素中结束。
(3)每一个元素必须同时拥有起始标记和结束标记。
(4)起始标记中的元素类型名必须与相应结束标记中的名称完全匹配。
(5)元素类型名是区分大小写的。
6.试述HTML语言中标记及标记属性的使用规则标记的规则:(1)标记名在尖括号中,标记名和尖括号之间没有空格(2)标记名是英文缩写(3)标记不区分大小写(4)标记是成对的,有开始和结束标记。
标记也有单标记,只有开始标记。
标记属性的规则:(1)标记可以有多个属性,标记和属性之间有空格,属性和属性之间有空格(2)属性是可选的没有先后顺序、属性不区分大小写。
(3)标记的属性带有特定的值,属性值包含在直引号中。
五、程序编写1.设置顺序列表,列表项为:确定主题、客户分析、结构设计、素材整理。
列表样式为小写字母<ol type=a><li>确定主题<li>客户分析<li>结构设计<li>素材整理</ol>2.设置无序列表,列表项为:计算机、文献检索、大学英语、多媒体。
列表样式为实心圆点<ul type=disc><li>计算机<li>文献检索<li>大学英语<li>多媒体</ul>3.定义一个三行两列的表格,定义表格宽度为780像素,表格边框为0,表格单元格间间距为0,单元格内容和边框间距为0。
<table border=0 width=780 cellspacing=0 cellpadding=0><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>4.设置表格背景颜色为#ff33cc,对齐方式为居中对齐<table bgcolor=”#ff33cc” align=center>5.设置单元格中内容水平方向上居左,垂直方向为顶部对齐。
<td valign=top align=left></td>6.为网页添加背景音乐,音乐文件名e.mp3 循环播放<bgsound src=”e.mp3” loop=infinite>7.在网页中插入视频文件4.avi,窗口宽度300像素,高度200像素,视频不自动播放。
<embed src=”4.avi” width=300 height=200 autostart=false>8.将“欢迎访问本网站!”设置为滚动字幕,滚动方式为从右至左,到达左边后再返回右边。
<marquee direction=left behavior=alternate>欢迎访问本网站!</marquee>9.为网页添加关键字“素描,艺术设计,彩色铅笔画”<head><meta name=”keywords” content=”素描,艺术设计,彩色铅笔画”></head>10.为网页添加描述信息“本素描网为广大画画爱好者提供素描教程”<head><meta name=”description” content=” 本素描网为广大画画爱好者提供素描教程”></head>11.设置页面自动刷新,5秒钟后跳转到页面1.html<meta http-equive=”refresh” content=”5;url=1.html”>12.创建左右框架结构,左框架文件名为a.htm; 右框架文件名为b.htm;左框架宽度100像素;右框架宽度为*;左框架名为w1;右框架名为w2;不允许浏览者重新定义框架宽度。