网页开发与设计课后习题答案Word文档格式.docx
《网页开发与设计课后习题答案Word文档格式.docx》由会员分享，可在线阅读，更多相关《网页开发与设计课后习题答案Word文档格式.docx（20页珍藏版）》请在冰豆网上搜索。
7.HTML4或XHTML1.0的三种文档风格是__严格型、过渡型____、框架型_____。
8.简述一个HTML文档的基本结构。
一个完整的HTML文件包含头部和主体两个部分的内容，在头部内容里,可定义标题、样式等，文档的主体内容就是要显示的信息。
〈html〉标记通常会作为HTML文档的开始代码,出现在文档的第一句，而<
标记通常作为HTML文档的结束代码,出现在文档的尾部，其他的所有的HTML代码都位于这两个标记之间,该标记用于告知浏览器或其他程序,这是一个Web文档,应该按照HTML语言规则对文档内容的标记进行解释；
<
head>
…〈/head〉是HTML文档的头部标记;
〈body〉…〈/body〉标记之间的文本是在浏览器中要显示的页面内容。
实验
用HTML语言编写符合以下要求的文档:
标题为“班级主页"
，在浏览器窗口用户区内显示“欢迎来到我们的班级主页”，完成后的效果如图2—3所示.
html〉
〈head>
班级主页〈/title>
欢迎来到我们的班级主页
/body〉
图2-3实验
习题3
1.下面哪一项是换行符标记？
（C）
A．<
body〉B．〈font>
C．<
br〉D．〈p〉
2.在HTML中，标记<
font>
的Size属性最大取值可以是（C）。
A。
5B．6C．7D．8
3.在HTML中，标记〈pre〉的作用是（B）。
A. 标题标记B．预排版标记C.转行标记D．文字效果标记
4.下面的（B）特殊符号表示的是空格.
A．&
quot；
B．＆nbsp；
C．＆amp；
D．＆copy
5.要设置一条1像素粗的水平线,应使用的HTML语句是_〈hrsize=1>
_。
6.在HTML文件中，版权符号的代码是__&
copy___。
7.使页面的文字居中的方法有〈center>
…〈/center〉__.
8.标题字的标记是〈h>
____。
实验1关于我们
head〉
〈title>
班级网站<
/title〉
/head〉
body〉
h2align=”center”>
关于我们〈/h2>
fontsize="
3”>
〈palign=”left"
>
&
nbsp;
＆nbsp;
＆nbsp；
fontcolor="
＃FF3300”size="
5"
face="
宋体”>
〈b〉五<
/b>
〈/font〉十个不同的分子,在不同状态下进入了同一容器，这就组成了我们的家—-<
strong〉多媒体专业<
/strong>
。
〈i〉在这个容器里，我们碰撞着，摩擦着，产生了各色各样的灵感，活力与情绪<
/i〉.
p〉＆nbsp；
fontcolor=”#FF3300"
size=”5”face="
宋体"
b〉在<
〈/font〉不地碰撞和摩擦中，分子也不断地变化，成长着，最终可走出这个容器，勇敢地面对、挑战外面的世界。
不管外面如何复杂、艰难，请大家彼此珍惜这段我们相逢相识相知的日子，在这里我们痛过笑过哭过，不论是苦的还是甜的，这都是我们年轻的见证。
p>
&
nbsp；
〈fontcolor="
＃FF3300"
size="
face=”宋体"
〉<
b〉无〈/b>
〈/font>
论以后的日子，你会碰到什么困难，遇到什么坎坷，<
fontcolor=”＃000066”〉请记住〈/font>
在这里还有另外的四十九份热情和真心支持着,鼓励着你，〈fontcolor="
#000066”〉请记住〈/font>
我们是一个团体，不会丢下谁，不会落下谁。
共同奋进！
!
BR〉
〈BR>
/p>
〈palign="
right”>
u〉我们永远的家--多媒体专业！
〈/u>
〈/p〉
〈/body〉
实验2超女活动
习题4
1.列表（List），顾名思义就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表。
2.常用的列表有无序列表、有序列表和定义列表三种。
3.无序列表标记〈ul>
的type属性可以指定出现在列表项前的项目符号的样式，其取值可以是:
disc、circle和square三种。
4.有序列表标记<
ol〉的type属性可以指定出现在列表项前的项目编号的样式，其取值可以是：
1、a、A、i和I五种。
5.使用有序列表标记的START属性后，用户则可改变编号的起始值。
该属性值是一个整数,表示从哪一个数字或字母开始编号。
6.使用列表项标记<
li〉<
/li>
的type属性,用户可以指定单个列表项的符号（对于无序列表而言）或编号（对于有序列表而言）。
7.使用列表项标记〈li〉<
/li〉的VALUE属性，可以改变当前列表项的编号大小，并会影响其后所有列表项的编号大小。
但该属性只适用于有序列表中。
习题5
1.下列哪一项是在新窗口中打开网页文档（B）。
A．_selfB．_blankC．_topD．_parent
2.在网页中,必须使用（A）标记来完成超级链接。
A．<
a〉…〈/a>
B．<
p〉…〈/p〉 C．<
link〉…<
/link〉 D．〈li>
3.超链接是建立网站、网页主要元素之一。
若要建立在同一网页内的链接，应采用以下（ B ）链接形式。
A．链接到一个E—mailB．书签式链接
C．框架间链接D．链接到一个网站
4.关于超链接，（ A）的说法是正确的。
A．不同网页上的图片或文本可以链接到同一网页或网站
B．不同网页上的图片或文本只能链接到同一网页或网站
C．同一网页上被选定的一个图片或一处文本可以同时链接到几个不同网站
D．同一网页上图片或文本不能链接到同一书签
5.若要在页面中创建一个图像超链接,要显示的图形为myhome。
jpg,所链接的地址为，以下用法中正确的是（B）。
A．〈ahref=”〉myhome。
jpg〈/a〉
B．<
ahref="
http：
//www。
pcnetedu。
com"
〉〈imgsrc="
myhome。
jpg"
〈/a〉
C．<
imgsrc=”myhome.jpg"
〈ahref="
//”>
/a>
D．〈ahref=〉〈imgsrc="
6.以下创建mail链接的方法，正确的是（C）。
A．<
ahref=”master＠”>
管理员〈/a〉
ahref=”callto：
master@163。
〉管理员〈/a>
C．〈ahref=”mailto:
master＠”〉管理员<
/a〉
D．〈ahref="
Email：
master＠163。
管理员<
7.下面是相对路径的是（C）。
A．http:
sina。
B．ftp:
//219。
153。
40。
150
C．。
/a.htmlD．/a。
html
8.下面哪组属性是用于设置图像映射的区域坐标的（D）。
A．recB．circleC．polyD．coords
9.在HTML文件中，URL是统一资源定位器。
10.在HTML文件中，超链接可以分为内部链接和外部链接。
11.关于超链接,target属性用于指定链接的目标窗口.
习题6
1.〈marquee〉。
.〈/marquee>
，表示（D）
页面空白B。
页面属性C.标题传递D.滚动文字
2.嵌入背景音乐的HTML代码是（B）
〈backsoundsrc=#>
B.<
bgsoundsrc=＃〉
C.<
bgsoundurl=#〉D.<
backsoundurl=＃>
3.通过哪个属性可以为图片添加边框线。
（C）
A.htmlB。
aspC.borderD.img
4.网页中常用的图片格式为GIF、JPEG和PNG。
5.在HTML文档中,显示图片所用的标记是<
img〉.
6.<
marquee>
..。
/marquee>
的width和height属性表示滚动背景的宽和高.
7.使用<
bgsound>
标记只能添加声音文件，不能显示和调整播放软件的控制面板,而使用〈embed>
标记则可以插入各种各样的多媒体。
习题7
以下选项中，哪个全部都是表格标记（B）。
table〉<
〈tfoot〉B．<
table>
tr〉〈td〉
table〉〈tr>
〈tt〉D．〈thead〉<
body〉〈tr〉
1.请选择可以使单元格中的内容进行左对齐的正确HTML标记（A）。
tdalign="
left"
〉B．〈tdvalign="
〉
C．〈tdleftalign〉D．<
tdleft>
2.要使表格的边框不显示，应设置border的值是（B）。
A．1B．0C．2D．3
3.以下标记中，用于定义一个单元格的是（A）。
td>
/td>
B．〈tr〉…<
/tr>
C．〈table>
/table〉D．<
caption〉…〈/caption〉
4.若要使表格的行高为16pt，以下方法中，正确的是（A）。
tableborder=1height="
16”>
/table〉
16pt"
〉…<
/table>
C．〈tableborder=1height=”16pt”〉…<
D．<
16pt”〉…<
5.表格的标记是___〈table>
____，单元格的标记是___<
6.表格的宽度可以用百分比和___像素_____两种单位来设置。
7.表格分行用到的标记是_〈tr>
______。
8.请写出在网页中设定表格边框的厚度的属性__〈border〉_____;
设定表格单元格之间宽度属性___cellspacing___________；
设定表格内容与单元格间的距离属性____cellpadding______。
9.请写出〈captionalign=bottom〉表格标题<
/caption>
功能是为表格添加标题_______。
10.<
tr〉….<
/tr〉是用来定义表格的一行;
…〈/td>
是用来定义一个单元格；
〈th〉…〈/th〉是用来定义___表头_______。
11.单元格垂直合并所用的属性是__colspan____;
单元格横向合并所用的属性是___rowspan____.
12.利用〈table>
/table〉标记符的__frame____属性可以控制表格边框的显示样式；
利用〈table>
〈/table〉标记符的__rules_____属性可以控制表格分隔线的显示样式。
习题8
1.框架的分割方式有（ABD）。
A.上下分割B。
左右分割C.对角线分割D.嵌套分割
2.如果要将窗口进行水平的分割，那么要用到（B）属性。
colsB。
rowsC。
colspanD.hr
3.设置窗口高度或宽度的数值一种是采用像素设置另一种是采用百分比设置。
4.嵌入式的窗口我们一般用嵌套分割来实现。
5.在网页中插入浮动框架要用〈iframe>
〈/iframe>
标记。
习题9
1。
在HTML中,<
formmethod=post>
，method表示（A）
A.提交的方式
B。
表单所用的脚本语言
C。
提交的URL地址
D。
表单的形式
2。
增加表单的文本域的HTML代码是（B）
A.<
inputtype=submit〉〈/input>
〈textareaname="
textarea”〉<
/textarea〉
〈inputtype=radio>
〈/input>
inputtype=checkbox〉〈/input>
3.以下关于〈select>
标记说法正确的是（ADE）
A.〈select>
定义的表单元素在一个下拉菜单中显示选项
B.rows和cols属性可以定义其大小
〈select>
定义的表单元素是一个单选按钮
定义的表单元素通过改变其multiple属性取值可以实现多选
E.一般情况下，<
select〉定义的表单元素以一个下拉列表形式出现
4.现要设计一个可以输入电子邮件地址的web页，应该使用的语句是（B）
inputtype=radio>
B.〈inputtype=text〉
C.〈inputtype=password〉
inputtype=checkbox>
5。
〈form>
标记中，_____action____属性的作用就是指出该表单所对应的处理程序的位置；
______method___属性用于指定该表单的运行方式。
6。
method属性的取值可以为_____get____和___post______之一,其默认方式是__get_______。
7.<
input>
标记中,____name_____属性的值是相应处理程序中的变量名;
___type__属性用于指出用户输入值的类型.
8.〈input〉标记中，type属性有九种取值，分别是：
text，submit，reset,password，checkbox，radio，image，hidden，file.
9.当type=text时，<
input〉标记除了有两个不可默认的属性____name_____和_____type____外，还有三个可选的属性:
___maxlength______、__size_______和_____value____。
10。
当type=____image_____时，浏览器会在相应位置产生一个图像按钮,其中，___src______属性是必需的,它用于设置图像文件的路径.
实验参考程序
〈!
DOCTYPEHTMLPUBLIC”-//W3C//DTDHTML4。
0Transitional//EN"
html>
title〉留言〈/title〉
〈metacontent="
留言"
name="
keywords"
〉
metahttp-equiv=”Content-Type"
content="
text/html;
charset=gb2312"
tableheight=”18"
cellspacing="
0”cellpadding="
0"
width="
532"
align="
center"
border="
tbody>
〈tr〉
〈tdvalign="
top"
align=”middle"
height=”18”〉
〈tableclass="
unnamed1"
536"
align=”center”border="
0”>
tr〉
〈tdwidth="
195"
ahref=””〉
imgheight="
20”src="
留 言.files/wylysy。
jpg”width=”70"
/a〉＆nbsp；
〈ahref=””>
〈imgheight=”20"
src=”留 言。
files/wyly.jpg”width=”70"
〈/a>
/td〉
/tr〉
〈/tbody>
tableclass=”unnamed1"
cellspacing=”1”cellpadding="
4”width="
align=”center”
border=”0”>
formname="
form"
action=”index.asp”method=”post”〉
〈tbody>
〈tr>
tdalign=”middle"
colspan="
2”height="
25”〉
〈divalign="
〈fontsize=”3”>
strong〉留言〈/strong>
〈/font〉〈fontcolor="
＃000000”〉<
/font〉
/div>
1”src="
"
500"
〈/td>
〈/tr>
tr>
tdwidth=”75"
〈divalign=”right”〉
姓名:
〈/div>
〈/td〉
tdwidth="
256"
〈inputclass="
input1”maxlength=”10”name=”name"
*10个字内
〈/tr〉
〈tdalign=”right”>
性别：
〈td>
selectonchange=”showimage（）”size=”1”name=”sex"
〈optionvalue="
1”selected>
男<
/option>
〈optionvalue=”0”〉女〈/option>
〈/select>
〈tdalign="
right"
QQ：
td〉
inputclass="
input1"
id=”qq”maxlength="
25"
size=”35"
name=”qq"
主页:
inputclass=”input1"
maxlength="
50”size="
35”value="
http:
//”name="
web"
right”〉
来自:
inputclass=”input1”id=”come”size=”35"
name=”come"
电子邮箱：
50”size=”35”value="
＠”name="
email”>
＊
top”align="
〈td〉
imgonclick="
Cbold（）”height=”22”alt="
粗体"
src="
留 言.files/Ubb_bold。
gif”width=”23”
border=”0"
Citalic（）"
height=”22”alt="
斜体"
留 言.files/Ubb_italicize.gif”width="
23”
〈imgonclick="
Cunder（）”height="
22”alt=”下划线”src="
留 言。
files/Ubb_underline。
gif”width="
imgonclick=”Ccenter（）”height=”22”alt=”居中"
files/Ubb_center。
gif"
23"
bord
升级会员 