教育技术学专业网页设计试验指导书-信息传播工程学院-长春工业大学.DOC

长春工业大学 《网页设计》课程实验指导书 专 业：教育技术学 专业方向：教育技术学 信息传播工程学院 2004年5月 实验项目名称：实验一 学时：2 实验性质：验证性 实验目的：掌握网页头部标记、主题标记、文字及段落标记 实验设备：计算机 实验内容： 自行编写代码测试如下标记：头部标记〈HEAD〉、标题标记〈TITLE〉、基底网址标记〈BASE〉、元信息标记〈META〉、页面主体标记、标题字标记〈H〉、粗体标记〈B〉、斜体标记〈I〉、上标标记〈SUP〉、下标标记〈SUB〉、大字号标记〈BIG〉、小字号标记〈SMALL〉、下划线标记〈U〉、删除线标记〈S〉、地址文字标记〈ADDRESS〉、打字机标记〈TT〉、等宽文字标记〈CODE〉、键盘输入文字标记〈KBD〉、声明变量文字标记〈VAR〉、字体标记〈FONT〉、段落标记〈P〉、水平线标记〈HR〉。 其中基底网址标记〈BASE〉、元信息标记〈META〉、地址文字标记〈ADDRESS〉、段落标记〈P〉为重点测试标记。 实验样例： 样例1 HTML HEAD TITLE网页自动切换/TITLE META HTTP-EQUIV=REFRESH CONTENT=6;URL=EX9-01-1.HTML /HEAD BODY H4这个网页可以自动切换/H4 HR h46秒之后将自动切换到ex9-01-1.html文件中。/h4 /BODY /HTML html head title网页自动切换/TITLE /HEAD body H5你已经从文件ex9-01.html，自动切换到文件ex9-01-1.html。/H5 /body /html 样例2： html head title第一个HTML示例/title /head body HTML的基本结构。 /body /html 样例3： html head title测试换行标签/title /head body 春夜喜雨 br 好雨知时节，当春乃发生。br 随风潜入夜，润物细无声。br /body /html 样例4： html head title测试强制不换行标签/title /head body 黄鹤楼br br nobr 昔人已乘黄鹤去，此地空余黄鹤楼。 黄鹤一去不复返，白云千载空悠悠。 /nobr nobr晴川历历汉阳树，芳草萋萋鹦鹉洲。日暮乡关何处是？烟波江上使人愁。/nobr /body /html 样例5： html head title测试自动换行标签/title /head body 风中，花儿谢了br br wbr 凄怜的娇花在悲凉的秋风中，从曾经绚烂娇媚的枝梢， 轻曼着彩蝶般的舞姿，漫天飞洒，一片片无奈地落在那冰冷森寒的风刃之上。 于是，万千飞舞的蝶便化成纷扬的花絮，轻盈地随风而起， 又随风飘得很远、很远。 /wbr /body /html 样例6： html head title测试分段控制标签/title /head body p花儿什么也没有。它们只有凋谢在风中的轻微、 凄楚而又无奈的吟怨，就像那受到了致命伤害的秋雁， 悲哀无助地发出一声声垂死的鸣叫。/p p align=left或许，这便是花儿那短暂一生最凄凉、最伤感的归宿。/p p align=center而美丽苦短的花期/p p align=right却是那最后悲伤的秋风挽歌中的瞬间插曲。/p /body /html 样例7： HTML HEAD TITLE测试原样显示文字标签/TITLE /HEAD BODY PRE 人海茫茫，岁月悠悠。 有的人旗开得胜，而我则望风披靡；有的人踌躇满志，而我却郁郁寡欢。 我要走过天南海北，走过春夏秋冬，走过酸甜苦辣。 啊！人生，一场游戏一场梦。啊！爱情，生命的种子，迷茫的火花。 /PRE /BODY /HTML 样例8： HTML HEAD TITLE测试居中对齐标签/TITLE /HEAD BODY PRE CENTER 关山月 明月出天山，苍茫云海间。 长风几万里，吹度玉门关。 汉下白登道，胡窥青海湾。 由来征战地，不见有人还。 戌客望边色，思归多苦颜。 高楼当此夜，叹息未应闲。 /CENTER /PRE /BODY /HTML 样例9： HTML HEAD TITLE测试引文标签/TITLE /HEAD BODY 春望 BR PRE BLOCKQUOTE 国破山河在，城春草木深。 感时花溅泪，恨别鸟惊心。 烽火连三月，家书抵万金。 白头搔更短，浑欲不胜簪。 /BLOCKQUOTE /PRE /BODY /HTML 样例10： HTML HEAD TITLE测试水平分隔线标签/TITLE /HEAD BODY CEN