1.4 HTML网页编辑与显示

1.4 HTML网页编辑与显示

普通的文本编辑器都可以用来编辑网页，如记事本、Notepad；也可以用专业网页编辑工具，如Dreamweaver来编辑网页，下面以记事本为例来介绍怎样编辑网页。

如果要新建一个网页文件，在文件的存放位置空白处单击鼠标右键，在弹出的菜单中选择“新建”→“文本文件”，则会新建一个文本文件“新建文本文件．txt”，直接双击新建的文本文件，在其中添加图1-2中的网页内容，编辑完成后，单击记事本工具的“文件”→“另存为”菜单项，如图1-3所示，弹出图1-4所示的“另存为”对话框。

 

图1-3 通过“文件”菜单保存网页

保存时请注意，先在如图1-4所示的对话框中的“文件名”空白框中输入文件名，如“index.html”，文件名由用户自己确定，然后在“保存类型”下拉菜单中选择“所有文件（*.*）”。扩展名必须为“html”或“htm”，最后在“编码”下拉菜单中选择“UTF-8”，单击“保存”按钮即可保存网页文件。

 

图1-4 “另存为”对话框

文件保存后，直接双击保存的“index.html”文件或在浏览器中打开保存的“index.html”文件即可浏览网页，效果如图1-5所示。

 

图1-5 网页文件在浏览器中的显示效果

如果在浏览时出现乱码，请在浏览器中设置浏览器的显示编码与网页保存时的编码一致，在IE中设置浏览器编码的方法为单击“查看”菜单，在“编码”子菜单中选择编码类型，如图1-6所示。

 

图1-6 设置IE浏览器的编码格式