HTML文件的基本结构.pdfVIP

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