html文件编写案例,【实例13】HTML案例教学网页.doc

【实例13】HTML案例教学网页

“HTML案例教学”网页

【实例1】第1个HTML网页

制作的第1个HTML网页在浏览器中的显示效果如图1-1-1所示。可以看到，它有一级标题“第1个HTML网页”、二级标题和段落文字，在二级标题文字的左边还有一个学生操作计算机的动画，段落文字是介绍关于HTML基本常识的文字。通过本实例的学习，可以初步了解HTML语言，了解HTML语言中常用标记的书写格式和作用；掌握输入HTML代码、建立HTML文档和显示HTML网页的方法。

1．输入HTML代码

编写HTML语言程序可以在Windows记事本内书写，在存盘输入文件名时，一定要输入HTML语言文件的扩展名：.htm或.html。下面给出一个用记事本编写的简单的HTML网页文档(名字为“【实例1】第1个HTML网页.htm”)，如图1-1-2所示。在浏览器IE中观察HTML网页文档，可以看到如图1-1-1所示的网页。

图1-1-1 在浏览器IE中观察网页

图1-1-2 记事本编写的“【实例1】第1个HTML网页.htm”网页文档

注意：HTML文档中的各种英文标记要在英文输入方式下输入，不分大小写。为了便于管理，可在磁盘根目录下建立一个文件夹(例如名字为“TDZYF”的文件夹)，用来存储编写的HTML语言程序文档。再在该文件夹下建立名字为“JPG”和“GIF”的两个文件夹，用来保存网页中的图像文件和GIF格式文件。

2．浏览网页

双击HTML文档图标，可以调出浏览器窗口，同时打开该网页。另外还可以采用如下方法来浏览网页。

(1)双击浏览器图标，调出浏览器窗口。然后，单击浏览器窗口内的“文件”→“打开”菜单命令ÿ