[HTML语言.ppt

第二章 HTML语言 本章目录 2.1 HTML概述 2.2 HTML基本标记 2.1 HTML概述 基本形式 成对标记 ＜标记 参数1 参数2 参数3…＞内容＜/标记＞ 其中，标记与参数、参数与参数之间使用空格分隔，参数可省略。 非成对标记 ＜标记 参数1 参数2 参数3…＞内容 注意：HTML标记中，大、小写或混写均可。例如：＜HTML＞、＜html＞或＜HtmL＞，其结果都是一样的。同时如果不特别注明，浏览器会忽略HTML文档中的空格（多个空格认作一个空格）、制表符和回车符等符号。 基本结构 标准的HTML文档的结构 基本结构 ＜HTML＞标记 成对标记 一个完整的HTML文档是以＜HTML＞标记开始，以＜/HTML＞标记结束的，用来告知浏览器该成对标记之间的内容是使用HTML格式编写的，浏览器会使用HTML规范来解释和显示其中的内容。 基本结构 ＜HEAD＞标记 成对标记 ＜HEAD＞和＜/HEAD＞标记之间的内容是HTML文档的头部分，用来规定该文档的标题（出现在Web浏览器窗口的标题栏中）和文档的一些属性。在＜HEAD＞标记之间可引用＜META＞、＜TITLE＞等标记。 ＜META＞标记 非成对标记 位于＜HEAD＞标记之间 用以记录当前页面的一些重要信息，例如网页所依据的字符集、开发者、开发语言版本、网页关键字等。 基本结构 ＜TITLE＞标记 成对标记 用以规定HTML文档的标题。位于该成对标记之间的内容将显示在Web浏览器窗口的标题栏中。 基本结构 ＜BODY＞标记 成对标记 标记之间的内容将显示在Web浏览器窗口的用户区域内，它是HTML文档的主体部分。 ＜BODY＞标记的重要参数包括 BGCOLOR：设置HTML文档的背景色。 TEXT：设置HTML文档中文字的颜色。 LINK：设置HTML文档中未被访问过的链接所显示的颜色。 ALINK：设置HTML文档中链接被激活时链接所显示的颜色。 VLINK：设置HTML文档中被访问过的链接所显示的颜色。 BACKGROUND：设置HTML文档的背景图片。 BGSOUND：设置HTML文档的背景音乐。 基本结构 在设置颜色时，可以使用颜色的六位十六进制代码（其中，每两位的取值范围均是00~FF，代表ASCII码的0~255；前两位设置红色的深浅，中间两位设置绿色的深浅，最后两位设置蓝色的深浅），也可以直接使用该颜色对应的英文单词。 例如，若需指定HTML文档的背景颜色为“绿色”，文字颜色为“红色”，则直接使用对应英文单词的具体设置为： ＜BODY BGCOLOR=“green” TEXT=“red”＞ 内容 ＜/BODY＞ 示例 而使用六位十六进制代码的具体设置为： ＜BODY BGCOLOR=“#008000” TEXT=“#ff0000”＞ 内容 ＜/BODY＞ 示例 基本结构 常用颜色表 注释与特殊字符 注释标记格式 ＜！-- 注释内容 --＞ 示例 特殊字符代码表 示例 1.2 HTML基本标记 文本格式标记 在HTML文档中，文本的字体、大小、颜色等都是由标记控制的，以下介绍常用的文本格式标记。 设置标题字体标记 格式：＜H#＞ 内容 ＜/H#＞ 说明： 设置标题字体标记＜H#＞是成对标记，首标记和尾标记之间的内容是以黑体字显示的。(其中#=1，2，3，4，5，6) ＜H#＞标记将在标记内容的前后各自插入一个空行，因此不必使用换行标记进行换行。同时在一行中无法使用不同大小的标题字体。 示例 设置字体大小/颜色标记 格式： ＜FONT SIZE=# COLOR=#＞ 内容 ＜/FONT＞ 说明： 设置字体大小/颜色标记是成对标记。 参数SIZE用来指定字体的大小，数值范围为1~7。SIZE参数值也可用“+”或“-”设置相对大小，例如：SIZE=“+3”表示采用比当前默认字体大3号的字体；SIZE=“-2”表示采用比当前默认字体小2号的字体。由于缺省值为3，所以能选择的值是：-2、-1、+1、+2、+3、+4。 参数COLOR的值是六位十六进制代码或是颜色的英文单词。 示例 设置物理字体标记 格式： ＜B＞ 内容 ＜/B＞ 粗体标记 ＜I＞ 内容 ＜/I＞ 斜体标记 ＜U＞ 内容 ＜/U＞ 加下划线标记 ＜TT＞ 内容 ＜/TT＞ 打字机风格的字体标记 ＜SUP＞ 内容 ＜/SUP＞ 上标标记 ＜SUB＞ 内容 ＜/SUB＞ 下标标记 ＜S＞ 内容 ＜/S＞ 加删除线标记 说明： 物理字体是指使用一些标记来改变字体物理显示时的形状，以产生某种强调和突出的效果。 物理字体标记均为成对标记