Dreamw eaver CS3超酷网页设计CSS篇 2 1.1 HTML 文件的基本结构 HTML 的英文全称是 Hyper Text Markup Language,它是网页超文本标记语言的缩写,是 Internet上用于编写网页的主要语言。HTML 中每个用来作为标记的符号都可以看作是一条命令,它告诉浏览器应该如何显示文件的内容。 1.1.1 HTML 文件结构 一个完整的 HTML 文件由标题、段落、表格和文本等各种嵌入的对象组成,这些对象统称为元素,HTML 使用标记来分隔并描述这些元素。实际上整个 HTML 文件就是由元素与标记组成的。 下面是一个 HTML 文件的基本结构。 文件开始标记 文件头开始的标记 ……文件头的内容 文件头结束的标记 文件主体开始的标记 ……文件主体的内容 文件主体结束的标记 文件结束标记 从上面的代码可以看出,HTML 代码分为 3 部分,其中各部分含义如下。 …:告诉浏览器 HTML 文件开始和结束的位置,其中包括和标记。HTML 文档中所有的内容都应该在这两个标记之间,一个 HTML 文档总是以开始,以结束。 …:HTML 文件的头部标记,在其中可以放置页面的标题以及文件信息等内容,通常将这两个标签之间的内容统称为 HTML 的头部。 …:用来指明文档的主体区域,网页所要显示的内容都放在这个标记内,其结束标记指明主体区域的结束。 1.1.2 使用记事本手工编写 HTML 页面 编写 HTML 文件有两种方法,一种是利用记事本编写,另一种是在可视化网页制作软件中编写,如 Dreamweaver,下面分别进行讲述。 HTML 是一个以文字为基础的语言,并不需要什么特殊的开发环境,可以直接在 Windows 自带的记事本中编写。HTML 文档以.html 为扩展名,将 HTML 源代码输入记事本并保存,可以在浏览器中打开文档以查看其效果。使用记事本手工编写 HTML 页面的具体操作步骤如下。 (1)在 Windows 系统下,执行“开始”→“所有程序”→“附件”→“记事本”命令,新建一个记事本,在记事本中输入代码,如图 1-1 所示。 (2)编写完 HTML 文件后,执行“文件”→“保存”命令,弹出“另存为”对话框,在对话框 3 1 章 Dreamw eaver+CSS 入门 第 中选择保存的路径,在“文件名”下拉列表框中输入 index.htm,文件的扩展名为.htm 或.html,如 图 1-2 所示。 图 1-1 输入代码 图 1-...