第2章重要说明: 1 网页命名规则要求:网页文件名与网页标题都与例题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第2章重要说明:
1. 网页命名规则
要求:网页文件名与网页标题都与例题编号一致;
举例:例2.1网页文件名为"e2_1.htm",网页标题栏显示"例2.1(顶级标记)"。
2. 网页编辑方法一(用记事本)
在网站根目录c:/AppServ/www/中建立文本文档,按规则命名后,用记事本打开并编辑;
网页浏览方法:在IE地址栏中输入如"http://127.0.0.1/e2_1.htm";
为了提高效率,在编辑和浏览过程中不用关闭文件和浏览器。
3. 网页编辑方法二(用编辑器)
访问编辑器 /sgeditor.htm, 修改网页标题并编辑;
使用“格式化代码”和“运行代码”按钮;
使用“保存文件”按钮,将文件按规则命名并保存到网站根目录c:/AppServ/www/中。
例2.1 (顶级标记)
编写第一个网页,要求:
1. 设置网页标题为"例2.1(顶级标记)";
2. 设置网页背景为黑色,字符为白色;
3. 使得网页显示文字"我爱HTML,我爱PHP!";
例2.2 (Meta标记)
对例2.1进行再设计,要求:
1. 将网页背景色改为"#000000",字符颜色改为"#ffffff";
2. 标明网页所使用的字符集为GB2312。
3. 设置网页3秒后自动刷新,并指向网页hi.htm;
4. 设置离开网页时的动态过渡时间为3秒,过渡方式自定;
思考:网页背景颜色和字符颜色有无改变?估计一下原因。
例2.3 (特殊标记)
编写一个网页,要求:
1. 显示一条宽度为240,厚度为5的蓝色线条;
2. 第一行显示版权符号和商标符号,分别进行标注(鼠标停留时显示);
3. 第二行显示"勾股定理"字样及其表达式(a平方加b平方等于c平方),文字和表达式之间空四格;
4. 将以上内容居中, 并在居中开始和居中结束处分别给出注释;
5. 用预格式标记再次显示"勾股定理"字样及其表达式,文字和表达式之间仍空四格。
思考:两个“空四格”的效果有何差异,为什么?
例2.4 (文本标记)
现有李白诗三首,内容如下:
-----------------------
李白诗三首
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
黄鹤楼送孟浩然之广陵
故人西辞黄鹤楼,烟花三月下扬州。
孤帆远影碧空尽,唯见长江天际流。
早发白帝城
朝辞白帝彩云间,千里江陵一日还。
两岸猿声啼不住,轻舟已过万重山。
-----------------------
请按要求编写网页:
1. 设置各首诗之间分段,每两个诗句之间分行;
2. 设置标题标签:总标题为h1并居中显示,各首诗的标题为h3;
3. 设置各首诗句的字体、大小、颜色和字型, 要求:
(1)第一首诗句: 黑体、4号、橙色
(2)第二首诗句: 宋体、3号、蓝色、倾斜
(3)第三首诗句: 楷体(楷体_GB2312)、5号、紫色、加粗
4. 将第一首诗置左、第二首诗置右、第三首诗居中显示。
例2.5 (表格标记)
现有梁山好汉名单如下:
----------------------
水浒英雄谱
编号 姓名 绰号
1 鲁智深 花和尚
2 李逵 黑旋风
----------------------
请按要求编写网页:
1. 表格宽度为300,边框为1,水平居中对齐;
2. 表格标题为H3;
3. 第一行高为30,第一列宽为80,后两列宽均为110;
4. 第一列内容水平居中;
5. 使得表格线条为细线(设格间距为0);
(以下三项为选做内容)
6. 设置颜色: 背景为淡蓝,框线为红色;
7. 规范分隔线: 仅显示上下外边框和内部分隔线(注:这是学术出版物中的表格规范)。
8. 合并单元格: 在表格最后添加一行,将3个单元格合并显示"合并单元格"字样;
例2.6 (引用标记)
解压缩文件"图片.rar",打开文件夹"图片/htm",在其中编写一个网页,要求如下:
1.引用"图片"文件夹中的四张图片,并在说明文字中注明图片的相对位置,如“这是父文件夹中的图片”;
2.引用网站的文件夹head中的图片dgxugy.jpg,说明文字为"这是外网中的图片"。
提示:
父文件夹的相对路径: ../
兄弟文件夹"aa"的相对路径: ../aa/
子文件夹"bb"的相对路径: bb/
先以文件夹"htm"为参照,确定引用每个图片文件的相对路径
查看与思考:
1) 双击此网页图标,查看引用图片的效果。
2) 将"图片"文件夹中全部对象复制到网站根目录c:/AppServ/www/中,在IE中浏览此网页。
思考:为何引用效果不变?
3) 将此网页分别复制到文件夹"www"和"www/htm/gif"中,再分别在IE中浏览此网页。
思考:为何引用效果改变? 怎样才能保证引用效果?
例2.7 (链接标记)
利用文件e2_7.txt编辑网页,要求:
1. 设置链接标记的颜色: 按下时为红色, 按下后为灰色(gray)。
2. 在换段标记
(1) 最后一首: 链接到最后一首诗(关山月)
(2) 电子邮箱: 链接到 gdxugy@
(3) 例2.5 (表格标记): 链接到 e2_5.htm
(4) 例2.6 (引用标记): 链接到 htm/e2_6.htm
(5) 外部网页: 链接到
3. 在