HTML+CSS+JavaScript网页制作(第2版)
上QQ阅读APP看书,第一时间看更新

1.5 创建HTML文件

一个网页可以简单得只有几个文字,也可以复杂得像一张或几张海报。下面创建一个只有文本组成的简单页面,通过它来学习网页的编辑、保存过程。用任何网页编辑器都能编辑制作HTML文件。下面用最简单的“记事本”来编辑网页文件。

①打开记事本。单击Windows的“开始”按钮,在“程序”菜单的“附件”子菜单中单击“记事本”命令。

②创建新文件,并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码,具体的内容如图1-3所示。

③保存网页。打开“记事本”的“文件”菜单,选择“保存”命令。此时将出现“另存为”对话框,在“保存在”下拉列表框中选择文件要存放的路径,在“文件名”文本框输入以.html或.htm为后缀的文件名,如first.html,在“保存类型”下拉列表框中选择“文本文档(*.txt)”项,如图1-4所示。最后单击“保存”按钮,将记事本中的内容保存在磁盘中。

④在“我的电脑”相应的存盘文件夹中双击first.html文件启动浏览器,即可看到网页的显示结果。

如果希望将该网页作为网站的首页(主页),当浏览者输入网址后,就显示该网页的内容,可以把这个文件设为默认文档,文件名为index.html或index.htm。

图1-3 输入HTML代码

图1-4 “记事本”的“另存为”对话框

除了使用记事本编辑网页以外,读者还可以使用常用的文本编辑器Editplus,或者所见即所得的网页制作工具Dreamweaver编辑网页。