文档介绍:第2章 HTML简介
HTML文件举例
HTML文件的基本结构
HTML语法规则
HTML常用标记
HTML综合实例
思考与练习
HTML文件举例
【】用HTML制作一个简单的网页()
①用任何文本编辑器(Windows的写字板、书写器、Word等)输入下列文本。
<!--EXAMPLE2-->
<html><head>
<title> EXAMPLE2<title>
</head><body>
<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。
③打开浏览器,在地址栏中输入E:\\网页制作\\examples\\example2-,。其中E:\\网页制作\\examples\\为文件所在的路径,example2-。
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″...>
受影响的文本
</标记(名称)>有的标记没有结束标记,称为单标记。
,一个HTML网页文件有如下的基本结构。
注释。文件中的注释用“!”标记,“<!”表示注释开始,“>”表示注释结束,中间的所有内容表示注释,且可以换行,它们并不在浏览器中显示出来,仅为设计人员阅读方便。注释可以放在任何地方。
HTML文件标记。HTML文件以<Html>开头,</Html>结尾。虽然HTML文件标记在语法上是可选的,但如果省略,有些浏览器浏览时可能会发生错误。因此,在每个文件中应加上该标记。
文件头部标记Head。<head>和</head>之间的内容表示文件的头部信息,标记网页的标题、预定义变量等。其中常用的是Title标记,用来说明网页的标题,<Title>和</Title>之间的文字将显示在浏览器的标题栏中,之中不能有其他标记。Head标记和Title标记都是可选的,但建议不要省略。
文件主体用<body>和</body>标记。网页正文中的所有内容(包括相应的格式化标记)都包含在这个标记之间,包括文字、表格、图像、声音、动画,等等。
HTML语法规则
HTML语言遵循以下语法规则。
HTML文件以纯文本形式存放,扩展名为“*.htm”或“*.html”。若系统为UNIX系统,扩展名必须为“*.html”。
HTML标记不区分大小写,<html>和<HTML>是相同的。
多数HTML标记可以嵌套,但不可交叉。例如:<p><font color=″#000000″ face=″方正粗圆简体, 方正黑体″>奥林匹克情</p></font>将不能正确显示。
HTML文件一行可以写多个标记,一个标记也可以分多行书写,不用任何续行符号。例如:<p><font color=″#000000″ face=″方正粗圆简体, 方正黑体″>
2001年7月13日,北京申奥成功!
</font></p>和<p><font color=″#000000″
face=″方正粗圆简体, 方正黑体″> 2001年7月13日,
北京申奥成功!
</font></p>都是正确的,且显示