脑动力：HTML+CSS标签速查效率手册
上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
上一章目录下一章

1.2 编辑HTML代码

支持编辑 HTML 代码有很多程序，常见的有记事本、Frontpage、Dreamweaver、Visual Studio等。下面主要介绍使用记事本与Dreamweaver软件编写HTML代码的方法。

1.2.1 使用记事本编辑

选择“开始—程序—附件—记事本”命令，打开记事本窗口，如图1-2所示。

图1-2 记事本窗口

【上机实战】

在记事本中直接输入下面的HTML代码。

        <html>
        <head>
        <title>这是用记事本编辑的HTML文件</title>
        </head>
        <body>
        这是一个用记事本编辑的简单HTML文件
        <hr>
        </body>
        </html>

在记事本菜单栏中选择“文件—保存”命令，在保存类型中选择所有文件，输入文件名1-2.htm保存即可。

【运行效果】

双击保存的1-2.htm文件，即可从浏览器中看到最终的网页效果，如图1-3所示。

图1-3 记事本编辑HTML文件

注意：用记事本编辑的HTML文件在保存时，文件格式要正确，使用扩展名为htm或者html都可以。

1.2.2 Dreamweaver中的HTML编辑窗口

Dreamweaver 软件是一个功能强大的网站设计工具，设计师可以随心所欲地编写代码、设计网站网页及进行高级开发。Dreamweaver 的操作界面主要由以下几个部分组成：标题栏、菜单栏、插入栏、文档窗口、属性面板及多个浮动面板，如图1-4所示。

图1-4 Dreamweaver MX 2004的界面

Dreamweaver 为用户提供了两种源代码编辑窗口显示方式，如图1-5所示。单击“代码”按钮，在窗体中显示代码编辑窗口；单击“拆分”按钮，窗体分为上下两部分，其中上部分为代码窗口，下部分为设计窗口。

图1-5 Dreamweaver源代码编辑窗口

上一章目录下一章