W3C标准网页制作 主讲教师：张 涛
第3讲、编写第一个HTML文件 3.1.HTML文件的编写方法 3.2.使用浏览器浏览HTML文件 3.3.HTML文件的基本结构
3.1.HTML文件的编写方法 编写HTML文件主要有如下3种方法： ● 手工直接编写 由于HTML语言编写的文件是标准的ASCII文本文件，所以我们可以使用任何的文本编辑器来打开并编写HTML文件，如Windows系统中自带的记事本。 ● 使用可视化软件 Microsoft公司的Frontpage、Macromedia公司的Dreamweaver等软件均可以用可视化的方式进行网页的编辑制作。 ● 由Web服务器一方实时动态生成 这需要进行后端的网页编程来实现，如Asp，Php，jsp等，一般情况下都需要数据库的配合。很多网站采用此方法生成页面。
3.2.使用浏览器浏览HTML文件 查看页面效果 启动Internet Explorer浏览器后，如果希望查看我们刚刚编写的网页，可以按照以下步骤操作： 选择“文件/打开”命令，然后单击“浏览”按钮，浏览器就能够显示编写网页的页面效果了。 查看源文件 如果在浏览网站的时候看到一个制作精美的页面，可以随时通过IE查看页面的源代码。步骤如下： 1.打开浏览器，在地址栏输入http://www.sina.com.cn,然后回车。 2.页面显示了新浪网的首页面。 3.选择浏览器主菜单中的“查看/源文件”命令。 这样，就会自动打开记事本来显示页面的源文件。
3.3.HTML文件的基本结构 HTML文件的基本结构 编写HTML文件的时候，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格等对象所组成。这些逻辑上统一的对象我们称为元素，HTML使用标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。 <HTML> HTML文件开始 <HEAD> HTML文件的头部开始 …… …… HTML文件的头部内容 </HEAD> HTML文件的头部结束 <BODY> HTML文件的主体开始 …… HTML文件的主体内容 </BODY> HTML文件的主体结束 </HTML> HTML文件结束
3.3.HTML文件的基本结构 编写HTML文件的注意事项 1)“<”和“>”是任何标记的开始和结束。元素的标记要用这对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。 2) 标记与标记之间可以嵌套，如： <H2><CENTER>我的第一个HTML文件</CENTER></H2> 3) 在源代码中不区分大小写，如以下几种写法都是正确并且相同的标记：<HEAD>、<head>、<Head> 4) 任何回车和空格在源代码中不起作用。为了代码清晰，建议不同的标记之间回车编写。 5) HTML标记中可以放置各种属性，如： <H2 ALIGN=“CENTER”>我的第一个HTML文件</H2> 其中ALIGN为属性，CENTER为属性值，元素属性出现在元素的<>内，并且和元素名之间有一个空格分隔，属性值可以直接书写，也可以使用“”扩起来。如下面的两种写法都是正确的：注意“”要是英文输入法下，切忌不要使用中文。 <H2 ALIGN=“CENTER”>我的第—个HTML文件</H2> <H2 ALIGN=CENTER>我的第一个HTML文件</H2> 6) 如果希望在源代码中添加注释，便于阅读，可以以“<！--”开始，以“-->”结束。
谢谢!