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

《【实例13】html案例教学网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、“HTML案例教学”网页【实例1】第1个HTML网页制作的第1个HTML网页在浏览器中的显示效果如图1-1-1所示。可以看到，它有一级标题“第1个HTML网页”、二级标题和段落文字，在二级标题文字的左边还有一个学生操作计算机的动画，段落文字是介绍关于HTML基本常识的文字。通过本实例的学习，可以初步了解HTML语言，了解HTML语言中常用标记的书写格式和作用；掌握输入HTML代码、建立HTML文档和显示HTML网页的方法。1．输入HTML代码编写HTML语言程序可以在Windows记事本内书写，在存盘输入文件名时，一定要输入HTML语言文件的扩展名：.htm或.html。下面给出一个用记事本编

2、写的简单的HTML网页文档（名字为“【实例1】第1个HTML网页.htm”），如图1-1-2所示。在浏览器IE中观察HTML网页文档，可以看到如图1-1-1所示的网页。图1-1-1在浏览器IE中观察网页图1-1-2记事本编写的“【实例1】第1个HTML网页.htm”网页文档12注意：HTML文档中的各种英文标记要在英文输入方式下输入，不分大小写。为了便于管理，可在磁盘根目录下建立一个文件夹（例如名字为“TDZYF”的文件夹），用来存储编写的HTML语言程序文档。再在该文件夹下建立名字为“JPG”和“GIF”的两个文件夹，用来保存网页中的图像文件和GIF格式文件。2．浏览网页图1-1-3“打开”

3、对话框双击HTML文档图标，可以调出浏览器窗口，同时打开该网页。另外还可以采用如下方法来浏览网页。（1）双击浏览器图标，调出浏览器窗口。然后，单击浏览器窗口内的“文件”→“打开”菜单命令，调出“打开”对话框，如图1-1-3所示（“打开”文本框内还没有内容）。（2）单击“打开”对话框中的“浏览”按钮，调出“MicrosoftInternetExplorer”对话框，选择HTML文件，单击“打开”按钮，退出“MicrosoftInternetExplorer”对话框，回到“打开”对话框，此时在其“打开”下拉列表框内已有选中的文件目录与名字，如图1-1-3所示。（3）单击“打开”对话框中的“确定”按

4、钮，即可在浏览器中打开选择的网页了。3．修改和保存网页（1）单击“MicrosoftInternetExplorer”浏览器窗口中的“查看”→“源文件”菜单命令，调出Windows记事本窗口，并在该窗口中显示出该网页的HTML代码。此时可以修改网页程序。（2）修改完程序之后，单击Windows记事本窗口内的“文件”→“保存”菜单命令，即可将修改后的程序保存。然后，将鼠标指针移到图1-1-1所示的网页之上，单击鼠标右键，调出其快捷菜单，再单击该菜单中的“刷新”菜单命令，即可看到修改后的网页。也可以单击“查看”→“刷新”菜单命令来刷新网页。【实例2】“成语解释”网页“成语解释”网页在浏览器中显示了

5、几句著名的成语，当鼠标移到成语文字之上时，会显示该成语的解释，如图1-2-6所示。文本属于网页中的基本元素，在【实例1】中已经介绍了部分文本标记。通过本实例的学习，可以进一步了解网页中其他的一些文本标记，合理使用这些标记，可以使网页的显示效果更加出色，可以进一步掌握网页使用文本的方法。该实例的制作方法如下。打开记事本程序，输入如下HTML代码。中国诗词佳句-作者