1、2、浏览器将请求发送到Web服务器。3、服务器端接受请求。4、服务器从服务器硬盘指定的位置或内存中读取动态网页文件。5、执行网页文件的程序代码,将含有程序代码的动态网页转化为标准的静态页面(HTML)。6、服务器将生成的静态页面代码发送给请求浏览器。 12简述创建(X)HTML文档的步骤。打开记事本编写代码保存文件为.html格式13写出一个(X)HTML文档最简单的结构。headtitle标题/headbody网页内容/html14下列文件名是否对于web文档可接受,如果不能接受,请说明理由。(1)Sunflower.html (2)index.doc (扩展名错) (3)cooking h
2、ome page.html (4)Song_Jyrics.html(5)games/rubix.html (不能有/) (6)%whatever.html15下面所有标记的例子都有错误,请指出错误,并修正。(1) 应为(2)congratulations! 应该为:/i(3)linked text应该为:/a 16如何在(X)HTML文档中标记下列注释,从而不在浏览器窗口中显示?Product list begins here注释标记17下面有关HTML标记及其属性的表达方式不正确的是标记对象标记 属性1=“参数1” 属性2=“参数2”(4)18添加标记,使下面两段之间出现水平线。ppeopl
3、e who know me know that I love to cook.hrIve created this site to share some of my favorite recipes. XX (2)在index.html中,编写链接到instructions.html的锚元素。a href=“examples/instructions.html#锚元素名称”(3)创建从网页tutorial.html到family.html的链接。a href=“examples/french/family.html”(4)创建从family.html网页到numbers.html,要求以根目录
4、开头。a href=“/somesite/examples/spanish/number.html”(5)创建从网页instructions.html回到主页index.html的链接。a href=“/somesite/index.html”(6)在文件intro.html中,创建指向网站的链接。a href=“”(7)创建从网页greetings.html到instructions.html的链接。a href=“/somesite/examples/instructions.html”(8)创建从money.html返回到主页的链接。(9)将图像jenskitchen.gif置于网页in
5、dex.html中,标签是img src=”images/jenskitchen.gif” alt=”代替文字” (10)将图像jenskitchen.gif置于网页intro.html中,标签是img src=”/somesite/images/jenskitchen.gif ” alt=”代替文字”(11)将图像spoon.gif置于网页friends.html中,标签是img src=”/somesite/images/spoon.gif” alt=”代替文字”jenskitchen.gifspoon.gif25请写出下图表格所对应的完整的源文档,其中“学生成绩单”为表格的标题。学生成绩
6、单学生姓名课程名称语文数学英语张三95999826从以下表格标记中找出5个错误并加以改正。captionPrimetime Television 1965:放在后面Thursday Night 应为:trThursday Night:位置错误th7:308:00ShindigDonna reed ShowBewitched缺少对应的Daniel Boone应为:td colspan=”2”Laredo27有如下HTML代码,请在下图的浏览器(IE)窗口的相应空白位置填上与这段代码对应的显示结果。个人信息注册h2请填入您的个人信息姓名input type=text name=textfieldl
7、 性别男input type =radiobutton2 value =女输入登录密码 passwordtextfield412345678选择您的个人爱好checkboxmusic checked=checked音乐sports运动 购物 28哪种表单控件元素适合下列任务?当答案是“input”的时候,必须包括type特性。一些任务可能有不止一个正确答案。(1)选出你所属的星座;单选按钮(2)确认你是否有心脏病史(是或否)单选按钮(3)写书评 多行文本框/textarea(4)从8种口味中选出你最喜欢的冰激凌口味。input type=”checkbox”(5)从25种口味中选出你最喜欢的冰
8、激凌口味。下拉列表/select29下列示例代码中都包含一个错误,请指出。input name=”country” value=”Your country here” /没有type属性checkbox name=”color” value=”teal” /input type=”checkbox” name=”color” value=”teal”select name=”popsicle”option value=”orange” /orangeoption value=”grape” /grapecherry(5)Your story.textarea没有width和height属性,要
9、么使用rows= cols=控制行数和列数,或者使用css来控制width和height30下面这段HTML代码用于生成如下图所示的浏览效果,请结合下面的要求,在带有标号的横线处完善这段代码。要求:(1)标题文字“信息科学与工程学院”设置为二级标题;(2)标题文字下方的图片显示为高100像素,宽200像素,图片文件名为“index_01.png”,保存在与这段HTML代码文件相同的目录下;(3)表格上方的文字“各系教研室分配”为表格的标题;(4)表下方的文字的第一个字符为版权所有符号“”;(5)页面倒数第2行设置为邮件链接,邮件地址为:ise(6)最后一行设置为超链接,链接文件名称为“inde
10、x.html”,保存在与这段HTML代码文件相同的目录下。(1) 学院介绍-世界之窗(2) 信息科学与工程学院介绍img src=index_01.png width=200px height=100px/centerp align=left信息科学与工程学院有以下两个系:ul (4) 计算机科学与技术 (5) 网络工程table width=256 border=1 cellspacing=0 (6) 各系教研室分配td width=107系名139教研室 (7) 计算机科学与技术 计算机应用教研室计算机理论教研室网络工程网络工程教研室(8) 1995-2009济南大学信息科学与工程学院 (
11、9) ise (10) 返回首页 Pcolor:purple;green;color:gray;/style绿色 green 最新的属性定义覆盖旧的属性定义,第三个错误34将样式附加到文档中的方式有哪几种?并简要叙述每种方式的工作原理。行内样式:span style=/span 或/标签名内部样式:标签名属性 类选择器.类名属性 Id选择器#id名属性LINK rel=”stylesheet” type=”text/css” href = ”样式表文件.css” /HEAD 导入:STYLE TYPE=text/css import url(“样式表文件.css”);/STYLE35利用下图中
12、的图表,写出相应的样式规则,让下列说明中的每一个元素都显示为红色,例如文档中所有文本元素变为红色bodycolor:red;。(1)文档中所有文本元素 bodycolor:(2)h2元素 h2color:(3)h1元素和所有段落 h1,pcolor:(4)属于“special”类的所有元素.specialcolor:(5)“intro”块中的所有元素 #introcolor:(6)“main”块中的所有Strong元素#main strongcolor:36bodyfont-size:16px; h1font-size:1.5em; 上面的定义使得h1的元素字体尺寸设定为( 24 )像素。37
13、下面哪个不是在CSS中指定颜色为白色的方法?( B )A.#FFFFFF B.rgb(FF,FF,FF) C.rgb(100%,100%,100%) D.white E.#FFF F. rgb(255,255,255)38将下面的伪类与它的目标元素配对。a. a:link 5 1.已经点击过的链接b. a:visited 1 2.突出并可输入的元素c. a:hover 4 3.父元素的第一个子元素d. a:active 6 4.鼠标指针在上面的元素e. :focus 2 5.尚未访问的链接f. :first-child 3 6.正在被点击的链接39元素盒子的组件包括哪些?并说明每个组件对应盒子的那部分。40计算基于下列样式规则的“sidebar”div元素盒子的宽度。Div#sidebarwidth:200px;Margin:25px;Padding-left:30px;Padding-right:10px;Border:1px solid #FFF;200+25*2+30+10+1*2=292px