《网页制作基础教程》习题参考答案Word文档下载推荐.docx
- 文档编号:7393539
- 上传时间:2023-05-08
- 格式:DOCX
- 页数:43
- 大小:57.42KB
《网页制作基础教程》习题参考答案Word文档下载推荐.docx
《《网页制作基础教程》习题参考答案Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《《网页制作基础教程》习题参考答案Word文档下载推荐.docx(43页珍藏版)》请在冰点文库上搜索。
当以数字字符串表示时,在开始符号“&
”后应紧跟着“#”符号。
7.答:
在HTML标记的内容中,可以接受一个空格,忽略多于一个的空格。
8.答:
注释的起始标记为“<
!
--”,结束标记为“-->
”,注释的内容放在两个标记之间。
9.答:
HTML文件是—种纯文本格式的文件,可以将HTML文件分为二个部分:
(1)头部(Head)
(2)文件主体(Body)
主要的结构元素有:
HTML、HEAD、BODY。
10.答:
在<
BODY>
标记中使用bgcolor属性可以为网页设置背景颜色,使用background属性设置背景图片。
11.答:
一种是使用颜色的英文名称,例如red、white等;
另一种是使用RGB值来定义颜色,格式是“#RRGGBB”。
其中RR、GG、BB分别表示红、绿、蓝成份的两位十六进制值。
12.答:
在网页的头部区域中,使用META标记的name属性和content属性,name属性的值为keywords表示关键字,name属性的值为description表示描述,而description属性的值为关键字或描述的内容。
13.答:
在网页的头部区域中,使用META标记的http-equiv属性和content属性,http-equiv属性的值为“refresh”,content属性的值如果是一个数字,表示自动刷新网页的时间间隔(秒数);
如果数字后面有一个分号,再紧跟一个网页的URL,即表示间隔一段时间后自动跳转到另一网页。
二、填空题
1.IP
2.协议、IP地址或域名、路径、文件名
3.HTTP、FPT、MAILTO
4.HTML、HEAD、BODY
5.body、bgcolor
、background
6.body、topmargin、leftmargin
7.Title,标题栏
8.name、http-equiv、content
9.keywords
10.description
第2章习题参考答案
•思考题
<
BR>
是换行标记,<
P>
是分段标记。
标记会产生一个附加的空行。
可以用在<
、<
Hn>
HR>
DIV>
等。
水平居中可以有三种方法:
Palign=center>
DIValign=center>
CENTER>
;
如果是居左或居右,就只能使用前两种方法了(align=left或right)。
有三个属性:
color、face、size。
color属性设置字体的颜色,face设置字体风格(通常说的字体),size属性设置字体的大小。
标题字<
中的号码n的取值范围是1-6,1号最大,6号最小;
<
FONT>
标记中size属性的取值范围是1-7,1号最小,7号最大。
默认的项目符号是disc,在嵌套的无序列表中,第2层的默认项目符号是circle,第3层的默认项目符号是square。
绝对URL是指Internet上资源的完整URL地址,包括完整的协议类型、计算机域名或IP地址、路径名和文件名。
相对URL是指Internet上的资源相对于当前页面的地址,它包含从当前页面指向目的页面位置的路径。
在一个网站内各页面之间的超连接,通常使用的是相对URL地址。
使用相对URL的好处在于:
当用户需要移植站点时,只要保持站点中各资源的相对位置不变,就可以确保移植后各页面之间的超链接仍能正常工作。
可以同时存在,效果是即产生超链接,也定义了书签。
•填空题
1.<
br>
2.<
nobr>
,一
3.一,<
4.<
p>
5.<
pre>
/pre>
6.<
center>
/center>
7.<
hr>
8.Size,width,align,color
9.Left,center,right
10.Body,bgcolor
11.黑,6
12.H1,H6
13.<
font>
14.1~7,3,+,-
15.黑体,斜体,下划线
16.<
sup>
,<
sub>
17.<
ul>
li>
18.Type,disc,circle,square
19.Type,start,type,start
20.<
ahref=……>
/a>
21.href
22.Link,vlink,alink
•判断题
1.×
,注:
换行标记为<
2.√
3.×
注:
标记是一个双标记,文本结束部分应该有<
。
4.√
5.√
6.×
标记的默认对齐方式是居中。
7.√
8.√
9.√
10.×
不是默认项,默认是以实心圆(disc)作为项目符号。
11.√
12.×
target属性是目标网页的窗口名称。
第3章习题参考答案
主要有GIF格式、JPEG格式、PNG格式和矢量格式。
GIF格式的特点是:
(1)颜色深度从1位到8位,最多可以支持256色的图像,适宜于线条图以及使用大块纯色的图片,不适宜于表现真彩色照片或具有渐变色的图片;
(2)可以将图片中的某种颜色设置为透明色;
(3)可以支持动画效果。
JPEG格式的特点是:
(1)支持的颜色数几乎没有限制,适宜于使用真彩色或平滑过渡色的照片和风景图片等;
(2)采用有损压缩来减小图片文件的大小,可以根据需要灵活地控制图片的压缩比率。
PNG格式的特点:
(1)适用于任何类型、任何颜色深度的图片;
(2)可以将图片中的某种颜色设置为透明,并且可以设置透明度(0%~100%)。
矢量格式的特点:
用线条和填充色等数学信息来描述图像,对图形的移动、缩放、旋转、复制、属性改变很容易做到;
文件比较小,适宜于表现动画。
GIF动画的基本原理是:
在同一个文件中包含多幅图像(每幅称为一帧),多幅图像按照一定的顺序依次播放,就产生了动画效果。
img>
标记的主要属性有:
src、alt、width、height、hspace、vspace、aligh等。
Align属性的取值可以是top、middle、bottom和left、right,其中top、middle和bottom用于与一行内的文字在垂直方向的对齐方式,left和right是说明文字的环绕方式。
是当前窗口的尺寸。
(1)设置图片的水平对齐方式,使用的标记与文本的对齐方式是一样的,即使用<
标记的align属性设置左对齐、居中或右对齐,也可以使用<
标记设置居中对齐。
(2)设置图片与同一行上文字的垂直对齐方式,使用<
IMG>
标记的align属性的top、middle、bottom属性值,含义如下:
Align=top文本与图片的顶部对齐;
Align=middle文本与图片的中央对齐;
Align=bottom文本与图片的底部对齐(默认方式)。
(3)设置文字环绕图片,使用<
标记的align属性的left和right属性值,含义如下:
Align=left图片居左,文本在图片右边;
Align=right图片具右,文本在图片左边。
(4)取消文本环绕图片,可使用<
brclear=left、right或all>
标记,其中clear属性值的含义如下:
Clear=left解除图片在左侧(文本在右侧)的环绕;
Clear=right解除图片在右侧(文本在左侧)的环绕;
Clear=all解除图片在左侧和右侧两种情况的文本环绕。
用到<
MAP>
AREA>
和<
标记中的usemap属性。
在网页的<
head>
……<
/head>
区域中加入<
bgsound>
标记,<
标记的格式为:
BGSOUNDsrc=”声音文件”loop=”播放次数”>
其中,声音文件可以是.wav、.au或.mid文件,播放次数如果取-1,则一直播放到关闭该网页为止。
使用<
标记,使用dynsrc属性指定视频剪辑文件名。
OBJECT>
或<
EMBED>
标记。
MARQUEE>
标记。
可以加上图片一起滚动,只要将<
IMGsrc=……>
标记置于要滚动的文字的位置即可。
二、填空题
1.GIF、JPEG
3.src
4.alt
5.Height、width
6.border
7.图片文件的相对路径,绝对路径
8.hspace,vspace,像素
9.<
10.Left、right、<
BRclear=left>
BRclear=right>
11.dynsrc,avi,src,start,loop
12.embed,src,height,width,loop
13.src,height,width
14.<
marquee>
15.direction,scrollamount,scrolldelay,bgcolor
第4章习题参考答案
表格能够把许多相互关联的数字和信息集中起来,使人看上去一目了然,便于分析、比较、综合和利用。
除此以外,表格还常用于设置页面布局,使用表格可以固定文本或图像的输出位置,并能任意的进行背景和前景颜色的设置。
(1)表格在页面中居中:
TABLEalign="
center"
>
语句,或将<
TABLE>
…<
/TABLE>
标记包含在<
/DIV>
之间,或包含在<
/CENTER>
之间;
(2)表格在页面中居左或居右:
将<
DIValign=left|right>
(3)文本环绕表格:
TABLEalign=left|right>
语句。
align=left,表格在窗口左侧,文字在右侧环绕;
align=right,表格在窗口右侧,文字在左侧环绕。
(1)使用<
标记包括表格的所有内容。
如果表格需要标题,则在<
之间加入<
CAPTION>
标记即可。
(2)从第一行开始,使用<
TR>
标记分隔每一行。
表格有多少行就应该有多少个<
(3)在每一行(即每个<
之后)中,依次使用<
TH>
TD>
标记每个单元格的内容。
每行的单元格个数应该相同,否则,表格不规则。
(4)如果需要设计跨行的单元格,则在<
中使用rowspan属性设置跨过的行数,并且只在首次出现的行中才有。
(5)如果需要设计跨列的单元格,则在<
中使用colspan属性设置跨过的列数,并且该行中的<
数会少于其他行。
(6)按步骤
(2)~(5)的做法,顺次一行一行的处理,直到表格结束。
将bordercolorlight属性设置为希望的表格线颜色,将bordercolordark属性设置为背景色,将单元格间距cellspacing属性值设置为0。
(2)将表格按行分组使用<
THEAD>
TBODY>
TFOOT>
标记;
按列分组使用列组<
COLGROUP>
标记和列<
COL>
(2)将表格按行或列分组,可以按分组设置多行或多列的属性(背景、对齐方式等),或按分组显示分隔线,实现比较复杂的外观效果。
使用框架网页主要有如下的优点:
(1)可以使窗口中的一部分内容固定;
(2)可以在—个窗格中显示所有页面的总索引,通过单击该区域中的超链接,相关网页就会显示在另—个窗格中,非常直观。
户在浏览局部内容时,仍对整个网站的结构有清晰的认识,不至于进入多层链接后而迷失方向。
页内框架是在一个网页中插入一个框窗以显示另一个HTML文件。
页内框架使用<
IFRAME>
标记建立,语法如下:
IFRAMEsrc="
……"
width=#height=#>
/IFRAME>
(1)层的特性有:
①层可以以像素为单位精确地将其摆放到网页中的任何位置;
②层可以隐藏起来;
③层与层之间可以以任何顺序相互重叠。
(2)由于可以指定层的坐标,所以层的定位更容易,并且层还可以重叠,层有onMouseOver、onMouseOut、onFocus、onBlur、onLoad等事件,可以编写事件脚本程序,对层进行控制,实现动态效果。
1.<
2.TR,TD
3.<
,粗体
7.粗细,像素
8.width,height,width,height,
9.left,center,right,left,right
10.cellspacing,2
11.cellpadding
12.bordercolor,bordercolorlight,bordercolordark
13.bgcolor,backgroung
14.box,void
15.all,groups
16.left,center,right,justify,left
17.top,middle,bottom,middle
18.<
frameset>
frame>
19.<
body>
20.rows,cols
21.frame,src,name
22.rows/cols,border,bordercolor,frameborder,framespacing
23.像素数、百分比、自动分配(*)
24.40%,40%,20%
25.设置框架网页,不显示边框线。
第5章习题参考答案
表单一般由三个基本组成部分:
(1)表单标记<
FORM>
:
这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
(2)表单控件:
可以是文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
(3)表单按钮:
包括提交按钮、复位按钮和一般按钮。
能够产生文本框、密码框、图片按钮、文件选择框、单选钮、复选框和隐藏控件、提交按钮、重置按钮、普通按钮,通过type属性进行区分。
(1)按钮有四种类型:
提交按钮、重置按钮、普通按钮、图片按钮;
(2)使用value属性设置;
(3)以指定的图片作为按钮的外观,作用与提交按钮相同;
(4)浏览器没有为普通按钮内置功能,因此,普通按钮的功能只能通过设置Onclick事件代码来设定。
(1)字符型;
(2)因为单选框是按name属性分组的,每一组单选框相当于一个字符型变量;
(3)当需要访问者在多个待选项中选择唯一的一个选项时,就需要用到单选框。
(1)逻辑值(是或非,选择或不选择等);
(2)因为每个复选框都是一个独立的元素,所以他们的name属性值不必相同,一般应该取不同的值;
(3)当需要用户根据判断输入,并且输入的信息作为逻辑值时保存时。
size属性用来决定选择列表的形式,它的默认值是1。
如果设置了Size属性为大于1的值,那么就表明它是一个滚动列表,而且它的值还表示滚动列表的高度。
如果没有设置size属性,它表示是一个下拉式菜单。
(1)wrap属性用来控制是否自动换行,它有三种可能的取值:
off、hard或者soft。
(2)Off是指不换行,设为这个属性值后,当内容中某一行的宽度超过cols所指定的宽度时,多行文本框会自动出现水平滚动条。
Hard和soft都会自动换行,也就是说,当内容中某—行的宽度超过cols所指定的宽度时,多行文本框会自动为其换行。
两者的区别是,hard会为换行的文本添加真的换行标记,并且在提交时,这些换行符也会同时提交。
而Soft只是在显示时为换行的文本添加换行标记,在表单提交时,由soft生成的换行符会自动去掉。
如果不指定,文本框会自动换行。
(1)为控件设置控件标签使浏览者能在单击与某个控件相关的文本时,即选中该控件。
(2)设置控件标签需要按如下两个步骤进行:
①在<
INPUT>
标记中使用id属性设置控件的标识,格式如下:
INPUTtype="
…"
name="
value="
id="
其中id属性指定了控件的标识,在步骤②中要用。
②用LABEL标记符为表单控件指定标签,语法如下:
LABELfor="
control_ID"
标签文本<
/LABEL>
其中for属性所指定的control_ID是表单中一个控件的id属性值。
1.action,method
2.post,get
3.type,name,value,size,maxlength,checked,type,name
4.name,type
5.text,password,radio,checkbox,submit,reset,button,file。
6.text,submit,reset
7.type,name,value,size,maxlength
8.20,字节
9.radio,name,value
10.checkbox,name
11.image,src
12.<
select>
option>
13.option,name,size,multiple
14.option,value,selected
15.textarea,name,cols,rows
第6章习题参考答案
CSS是CascadingStyleSheets(层叠样式表)的简称,是一种可嵌入HTML,控制HTML文件显示格式的语言(Style
sheets
language),也有书上把它译为“级联样式表”或简称为“样式表”。
有三种,分别是:
(1)用关键字“style”添加:
使用HTML标识符样式属性关键字“style”直接添加在HTML的标识符(tag)里,代码格式为:
Tagstyle=”属性1:
属性值1;
属性2:
属性值2;
……”>
显示内容<
/tag>
(2)使用<
style>
标识符进行样式表声明:
定义方法为直接将<
标识符添加在HTML的头信息标识符<
里,代码格式为:
styletype=”text/css”>
--
要添加的样式表的代码
-->
/style>
(3)用<
link>
标识符链接样式表:
同样是将该标识符添加在HTML的头信息标识符<
linkrel="
stylesheet"
type="
text/css"
href="
path\*.css"
media="
screen"
CSS的样式定义是通过Selector(选择器)与属性设置来实现的,CSS中的Selector有五种:
HTML标识符Selector、具有上下文关系的HTML标识符Selector、用户定义的类Selector、用户定义的IDSelector、虚类Selector。
CSS样式表的基本用法就是通过给属性赋值来影响网页内容的显示方式。
CSS的属性包括字体与文本属性、颜色与背景属性、布局属性、定位与显示属性、列表属性、鼠标属性等。
CSS过滤器(FilterProperties)类似于滤镜,其作用就是通过对HTML标识符的滤镜效果设置实现对HTML标识符所包含的空间元素的滤镜效果处理,例如图片、文本容器、以及其他一些对象。
h2style={color:
blue;
font-family:
宋体}>
这是一个实例<
/h2>
用户定义的类:
.aa{color:
red;
黑体}
用户定义的ID:
#bb{color:
green;
引用:
h2class="
aa"
红色的标题,黑体<
h2id="
bb"
绿色的标题,黑体<
略。
1.CascadingStyleSheets,HTML
2.赋值
3.长度单位、颜色单位、百分比单位
4.单位类型标识符
5.style
6.HTML标识符Selector,具有上下文关系的HTML标识符Selector,用户定义的类Selector,用户定义的IDSelector,虚类Selector
7.连接(links),已访问连接(visitedlinks),活动连接(activelinks)
8.文字,文本
9.十六进制数值,RGB(),颜色名称
10.Margin,Padding,Border
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页制作基础教程 网页 制作 基础教程 习题 参考答案
![提示](https://static.bingdoc.com/images/bang_tan.gif)