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