网页制作使用教程第2节.pptVIP

第2章 HTML简介 2.1 HTML文件举例 【例2.1】用HTML制作一个简单的网页（图2.1） ① 用任何文本编辑器（Windows的写字板、书写器、Word等）输入下列文本。图2.1效果图 !--EXAMPLE21.HTM-- htmlhead title EXAMPLE21.HTMtitle /headbody p align=″center″font size=″7″ color=″#0000FF″秋夕/font/p p align=″center″font size=″5″ color=″#0000FF″杜牧/font/p p align=″center″font size=″6″ color=″#0000FF″银烛秋光冷画屏/font/p p align=″center″font size=″6″ color=″#0000FF″轻罗小扇扑流萤/font/p p align=″center″font size=″6″ color=″#0000FF″天阶夜色凉如水/font/p p align=″center″font size=″6″ color=″#0000FF″卧看牵牛织女星/font/p/body/html ② 以纯文本格式存为EXAMPLE21.HTM文件。 ③ 打开浏览器，在地址栏中输入E:\\网页制作\\examples\\example2-1.htm，就会看到如图2.1所示的画面。其中E:\\网页制作\\examples\\为文件所在的路径，example2-1.htm为用HTML编写的网页文件名。 2.2 HTML文件的基本结构 HTML文件由标记、代码和注释组成。标记是HTML中用来控制文字、图形等显示方式的符号。例如：font size=″7″ color=″#0000FF″秋夕/font是一个标记，表示以7号蓝色字显示文字“秋夕”。其中“ ”表示这是HTML的标记而非普通文本，FONT是标记，/FONT是结束标记，表示前面FONT标记的结束，size、和Color是属性，7和#0000FF分别是它们的值。HTML标记的一般格式为：标记(名称) 属性1=″属性值1″属性2=″属性值2″属性3=″属性值3″... 受影响的文本 /标记（名称）有的标记没有结束标记，称为单标记。 从例2.1看出，一个HTML网页文件有如下的基本结构。 注释。文件中的注释用“！”标记，“!”表示注释开始，“”表示注释结束，中间的所有内容表示注释，且可以换行，它们并不在浏览器中显示出来，仅为设计人员阅读方便。注释可以放在任何地方。 HTML文件标记。HTML文件以Html开头，/Html结尾。虽然HTML文件标记在语法上是可选的，但如果省略，有些浏览器浏览时可能会发生错误。因此，在每个文件中应加上该标记。 文件头部标记Head。head和/head之间的内容表示文件的头部信息，标记网页的标题、预定义变量等。其中常用的是Title标记，用来说明网页的标题，Title和/Title之间的文字将显示在浏览器的标题栏中，之中不能有其他标记。Head标记和Title标记都是可选的，但建议不要省略。 文件主体用body和/body标记。网页正文中的所有内容（包括相应的格式化标记）都包含在这个标记之间，包括文字、表格、图像、声音、动画，等等。 2.3 HTML语法规则 HTML语言遵循以下语法规则。 HTML文件以纯文本形式存放，扩展名为“*.htm”或“*.html”。若系统为UNIX系统，扩展名必须为“*.html”。 HTML标记不区分大小写，html和HTML是相同的。 多数HTML标记可以嵌套，但不可交叉。例如：pfont color=″#000000″ face=″方正粗圆简体, 方正黑体″奥林匹克情/p/font将不能正确显示。 HTML文件一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。例如：pfont color=″#000000″ face=″方正粗圆简体, 方正黑体″ 2001年7月13日，北京申奥成功! /font/p和pfont color=″#000000″ face=″方正粗圆简体, 方正黑体″ 2001年7月13日， 北京申奥成功！ /font/p都是正确的，且显示效果相同，但HTML标记中的一个单词不能分两行书写，如：fo nt color=″#000000″ face=″楷体_GB2312″ 2001年7月13日， 北京申奥成功！ /font是不正确的。 HTML源文件中的换行、回车符和多个连续空格在显示效果中是无效的。显示内容的换行用Br 标记，换段用P标记，P表示段落开始，/P表示段落结束。如果源文件中有多个连续空格，显示时也只显示一个。若需要多个空格，