Web前端开发简明教程
首页 > Web前端开发简明教程 > 1.4 HTML网页编辑与显示

1.4 HTML网页编辑与显示

入门君 2020-10-12 17:34:49 31 0

编辑 收藏

1.4 HTML网页编辑与显示

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

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

20201012_174207_000.jpg  

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

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

20201012_174207_001.jpg  

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

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

20201012_174207_002.jpg  

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

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

20201012_174207_003.jpg  

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

TAGS:前端教程

取消回复欢迎 发表评论: