HTML

1. HTML • 最初的网页都是靠编写HTML代码实现的，现在有了很多功能强大的网页编辑软件，如Dreamweaver、Frontpage等，使网页制作变得很简单。但是学习HTML语言还是很有必要的。当网页做得很复杂时往往会出现一些错误，通过常规方法已无法纠正，这时候就只能通过修改源代码来改正这些错误了。对于想写脚本语言程序或者服务器端脚本的人来说，就更需要了解HTML语言。

2. 1 HTML的初步知识 • HTML（Hypertext Markup Language）是一种Web网页元素的标记语言规范，称为超文本标记语言。所谓“超文本”，是指页面内可以包含图像、链接、多媒体对象、程序等非文本元素。所谓“标记”，是指它不是程序语言，而是由文字和标签组合而成。HTML文件是纯文本文件，可以由任意文本编辑器编写，文件的扩展名为“html”。

3. HTML的基本概念 • 一般的HTML由标签（Tags）、代码（Codes）、注释（Comments）组成。HTML标签的基本格式是： • <标签>页面内容</标签> • 1．HTML文档特征 • 2．HTML文档格式

4. 常用的HTML标签 • HTML语言中涉及的标签相当多，对于初次接触它的读者来说，只需掌握一些常用的标签。 • 1．文本 • 2．标题 • 3．图像 • 4．链接 • 5．表格

5. 查看网页源代码 • 查看别人网页的源代码是学习HTML语言的一种很好方式，其操作步骤也非常简单。 • （1）在IE浏览器中的地址栏输入网址“http://www.sina.com”，打开新浪的首页，如图5.7所示。 • （2）单击“查看”|“源文件”命令菜单，此时网页的源代码以记事本的形式打开，如图5.8所示。

6. 在Dreamweaver中查看源代码 • 在Dreamweaver cs4中可以通过多种方式查看当前文档的源代码： • 通过拆分“文档”窗口同时显示页面和代码； • 打开“代码”视图在“文档”窗口中显示源代码； • 在代码检查器中查看源代码。 具体操作步骤如下：

7. 在Dreamweaver中编写HTML • 学习HTML有一个很好的方法，就是在Dreamweaver中边学边练。Dreamweaver的所见即所得的特性，可以使我们很容易地学习HTML语法。 • 四种在Dreamweaver中编写HTML的方法， 使用快速标签编辑器， 使用源代码面板， 使用标签选择器 标签检查器。

8. 使用“快速标签编辑器” • 要编辑少量的HTML标签，用户可以使用“快速标签编辑器”，在任意时刻实现对源代码的修改，而无需打开HTMl源代码面板。“快速标签编辑器”有三种工作模式：编辑标签模式，插入HTML模式，环绕标签模式。根据在“编辑区”中选择的插入点或选中的部分不同，“快速标签编辑器”会启用不同的工作模式。下面结合实例具体说明。 • 1.编辑标签模式 • 2.环绕标签模式 • 3.插入HTML模式

9. 使用“代码”视图 • Dreamweaver cs4提供了“编码工具栏”，在编写HTML过程中，可以方便地折叠标签，选择标签，插入注释，缩进代码等。下面分别来看各个功能的用途。 • 1．折叠标签 • 2．选择父标签 • 3．插入注释 • 4．缩进代码 • 5．使用“参考”面板

10. 使用“标签选择器”和“标签编辑器” • 使用“标签选择器”和“标签编辑器”，可以方便地在“设计”视图中通过对话框从Dreamweaver标签库中选择指定的标签插入，并进行编辑。而无需记忆大量HTML语法与格式。

11. 使用“代码片断”面板 • 使用“代码片断”面板，可以将做网页中常用到的部分代码，例如导航、表格样式等，存储起来以便快速重复使用，是提高工作效率的有效方法，避免了重复编写代码的麻烦。Dreamweaver软件自身也提供了一些常用的代码片断供用户直接使用。本小节将学习如何创建、插入、编辑、删除代码片断。