第2章重要说明:
1. 网页命名规则
要求:网页文件名与网页标题都与例题编号一致;
举例:例2.1网页文件名为"e2_1.htm",网页标题栏显示"例2.1(顶级标记)"。
2. 网页编辑方法一(用记事本)
在网站根目录c:/AppServ/www/中建立文本文档,按规则命名后,用记事本打开并编辑;
网页浏览方法:在IE地址栏中输入如"http://127.0.0.1/e2_1.htm";
为了提高效率,在编辑和浏览过程中不用关闭文件和浏览器。
3. 网页编辑方法二(用编辑器)
访问编辑器 http://www.doczj.com/doc/82c9e661783e0912a2162ae0.html/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. 将第一首诗置左、第二首诗置右、第三首诗居中显示。