html文件的基本结构

《html文件的基本结构》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第Dreamweaver+CSS入门章11.1HTML文件的基本结构HTML的英文全称是HyperTextMarkupLanguage，它是网页超文本标记语言的缩写，是Internet上用于编写网页的主要语言。HTML中每个用来作为标记的符号都可以看作是一条命令，它告诉浏览器应该如何显示文件的内容。1.1.1HTML文件结构一个完整的HTML文件由标题、段落、表格和文本等各种嵌入的对象组成，这些对象统称为元素，HTML使用标记来分隔并描述这些元素。实际上整个HTML文件就是由元素与标记组成的。下面是一个HTML文件的基本结构。

2、tml>文件开始标记文件头开始的标记……文件头的内容文件头结束的标记文件主体开始的标记……文件主体的内容文件主体结束的标记文件结束标记从上面的代码可以看出，HTML代码分为3部分，其中各部分含义如下。…：告诉浏览器HTML文件开始和结束的位置，其中包括和标记。HTML文档中所有的内容都应该在这两个标记之间，一个HTML文档总是以开始，以结束。…：HTML文件的头部标

3、记，在其中可以放置页面的标题以及文件信息等内容，通常将这两个标签之间的内容统称为HTML的头部。…：用来指明文档的主体区域，网页所要显示的内容都放在这个标记内，其结束标记指明主体区域的结束。1.1.2使用记事本手工编写HTML页面编写HTML文件有两种方法，一种是利用记事本编写，另一种是在可视化网页制作软件中编写，如Dreamweaver，下面分别进行讲述。HTML是一个以文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展

4、名，将HTML源代码输入记事本并保存，可以在浏览器中打开文档以查看其效果。使用记事本手工编写HTML页面的具体操作步骤如下。（1）在Windows系统下，执行“开始”→“所有程序”→“附件”→“记事本”命令，新建一个记事本，在记事本中输入代码，如图1-1所示。（2）编写完HTML文件后，执行“文件”→“保存”命令，弹出“另存为”13第Dreamweaver+CSS入门章1对话框，在对话框中选择保存的路径，在“文件名”下拉列表框中输入index.htm，文件的扩展名为.htm或.html，如图1-2所示。图1-1输入代码图1-2“另

5、存为”对话框（3）单击“保存”按钮，这时该文本文件就变成了HTML文件，在浏览器中浏览效果如图1-3所示。1.1.3使用Dreamweaver编写HTML页面Dreamweaver被称为“所见即所得”的网页制作工具。这使得用户在没有任何HTML语言基础的情况下，照样可以制作网页。使用Dreamweaver编写HTML页面的具体操作步骤如下。（1）启动DreamweaverCS3，执行“文件”→“新建”命令，弹出“新建文档”对话框，在对话框中选择“空白页”→HTML→“无”选项，如图1-4所示。图1-3浏览效果图1-4“新建文档”对

6、话框（2）单击“创建”按钮，新建网页文档，在“标题”文本框中输入“公司简介”，如图1-5所示。13第Dreamweaver+CSS入门章1（3）执行“修改”→“页面属性”命令，弹出“页面属性”对话框，在对话框中将“左边距”、“上边距”、“下边距”和“右边距”分别设置为0，如图1-6所示。单击“确定”按钮，设置页面属性。图1-5新建文档图1-6“页面属性”对话框（4）将光标放在页面中，执行“插入记录”→“表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为2，“列数”设置为1，“表格宽度”设置为“776像素”，如图1-7所示。

7、（5）单击“确定”按钮，插入表格，此表格记为“表格1”，将“对齐”设置为“居中对齐”，如图1-8所示。图1-7“表格”对话框图1-8插入表格（6）将光标置于表格1的第2行单元格中，插入1行13列的表格，此表格记为“表格2”，如图1-9所示。（7）将光标置于表格1的右边，插入2行1列的表格，此表格记为“表格3”，将“对齐”设置为“居中对齐”，如图1-10所示。（8）将光标置于表格1的第1行单元格中，执行“插入记录”→“媒体”→Flash命令，弹出“选择文件”对话框，在对话框中选择banner.swf选项，如图1-11所示。13第Dr

8、eamweaver+CSS入门章1（9）单击“确定”按钮，插入Flash，如图1-12所示。图1-9插入表格图1-10插入表格图1-11“选择文件”对话框图1-12插入Flash（10）将光标置于表格2相应的单元格中，输入相应的文本，如图1-13所