![HTML CSS JavaScript 网页制作从入门到精通 第3版](https://wfqqreader-1252317822.image.myqcloud.com/cover/14/22691014/b_22691014.jpg)
上QQ阅读APP看书,第一时间看更新
1.2 HTML文件的编写方法
HTML文件的编写方法有两种:一种是利用记事本编写;另一种是在Dreamweaver中编写HTML代码。
1.2.1 使用记事本手工编写HTML
HTML是一款以文字为基础的语言,并不需要什么特殊的开发环境,直接在Windows自带的记事本中编写就可以。HTML文档以.html为扩展名,将HTML源代码输入到记事本并保存之后,可以在浏览器中打开文档以查看其效果。使用记事本编写HTML文件的具体操作步骤如下。
01 选择菜单中的【开始】|【所有程序】|【附件】|【记事本】命令,打开一个记事本,在记事本中即可编写HTML代码,如图1.1所示。
![](https://epubservercos.yuewen.com/439D3D/11261870904960506/epubprivate/OEBPS/Images/figure_0014_0001.jpg?sign=1738844511-IhUdranTKyM1InNr2VgsMJ5BZQL8GAuE-0-fff709929338a48fb58a182fd932cc78)
图1.1 编辑HTML代码
02 当编辑完HTML文件后,选择菜单中的【文件】|【保存】命令,弹出【另存为】对话框,将它存为扩展名为.htm或.htmI的文件即可,如图1.2所示。
![](https://epubservercos.yuewen.com/439D3D/11261870904960506/epubprivate/OEBPS/Images/figure_0014_0002.jpg?sign=1738844511-qklQuuCzBLl5ebXI6QSCOBraHzRgRl7H-0-4be9a5dff4a30cdcf69ef2d0588a2d37)
图1.2 【另存为】对话框
03 单击【保存】按钮,保存文档。打开网页文档,在浏览器中预览效果,如图1.3所示。
![](https://epubservercos.yuewen.com/439D3D/11261870904960506/epubprivate/OEBPS/Images/figure_0014_0003.jpg?sign=1738844511-2DjfgLO5Yr4GBpVIXb6JpH5XUH7ujKG8-0-c0d1ee4986d165287c16f13694b7c678)
图1.3 浏览效果
提示
任何文字处理器都可以用来处理HTML代码,但必须记住,要以.htmI的扩展名对其加以保存。
1.2.2 使用Dreamweaver编写HTML文件
使用Dreamweaver创建HTML文件,具体操作步骤如下。
01 打开Dreamweaver软件,新建一个文档,单击文档中的【代码】按钮,打开代码视图,在代码视图中可以输入HTML代码,如图1.4所示。
![](https://epubservercos.yuewen.com/439D3D/11261870904960506/epubprivate/OEBPS/Images/figure_0015_0001.jpg?sign=1738844511-sopZBmNQDRhSdia5R1kz4KhFb5irVngk-0-cfca58b3b46cd089e3e108793c08f980)
图1.4 编辑代码
02 输入代码完成后,切换到设计视图,效果如图1.5所示。
![](https://epubservercos.yuewen.com/439D3D/11261870904960506/epubprivate/OEBPS/Images/figure_0015_0002.jpg?sign=1738844511-FoMymabQ4zuZITQyFZA9t57DnJq4PMxf-0-21ca0f28f6d16a6cc2b3ce91061e284d)
图1.5 设计视图中的效果