第二部分 HTML语言.ppt

第二部分 HTML语言 超文本标记语言概述 一、HTML的定义 超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 二、HTML文件的整体结构 一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。 标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。 二、HTML文件的整体结构 一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。 标准的HTML文件都具有一个基本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。 一个不包含任何内容的基本网页文件如下所示： 三、正文标记的使用 每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符BODY中提供以下属性来改变文本的颜色及页面背景。 body bgcolor=“#000000” text=“#FFFFFF” body background= image.gif。 可将图像文件image.gif所表示的一幅图像作为页面的背景，若图像幅面不够大，将会将图像重复平铺在窗口中。 四、HTML字符集 在网页中除了可显示常见的ASCII字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，如： 和 ；二是键盘上没有的字符。 HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以符开始，以分号结束，其间是字符名；数字代码也以符开始，以分号结束，其间是#号加编号。 ，lt;或者#60 空格 nbsp; #160; 小于 lt; #60; 大于 gt; #62; 符号 amp; #38; “双引号quot; #34; 版权 copy; #169; 注册商标reg; #174; 乘号times; #215; 除号divide; #247; 五、HTML的有关约定 在编辑HTML文件和使用有关标记符时有一些约定或默认的要求。 (1) 文本标记语言源程序的文件扩展名默认使用htm或html。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。 (2) HTML源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（PRE标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号“nbsp；”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。 (3) 标记符中的标记元素用尖括号括起来，如：A、/A，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即a与A作用相同；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。 (4) 标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。 (5) HTML注释由惊叹号表示，注释内容由!--至--符结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。  HTML正文字体 在制作网页时，常要为字符设置不同的显示格式（如：字体、字型、字号等）。 一、物理字符标记符 二、逻辑字符样式 逻辑字符样式不但可以指定文本格式，还能反映文本的含义。  三、标题标记符Hn 标题标记符用于在显示的正文中表示不同级别的标题，其中n为1~6的数字，H1表示最大号的标题，H6表示最小号的标题。标题标记符应成对使用。浏览器在解释标题标记符时，会自动改变文本的大小，同时换行并添加一定的行距。 四、字号标记符FONT 字号标记符FONT用于显示不同的字号，FONT带有3个常用的属性，即SIZE、COLOR和FACE。/FONT为结尾标记符，应注意成对使用。 SIZE为字号属性，用于控制文字的大小，设定的值越大，显示的文字越大，其值的绝对值为1~7。也可以用+或者负号来说明相对值。例如SIZE=+1表示设定值比当前值大