第一章HTML语言简介.ppt

第1章 HTML语言简介 1.1 【案例1】第1个HTML网页 1.2 【案例2】“中国诗词佳句—作者”网页 1.3 【案例3】“鲸鱼和螃蟹”网页 1.4 【案例4】“图像切换”网页 1.5 【案例5】“链接技术演示”网页 1.6 【案例6】“中国的世界文化遗产”网页 1.7 【案例7】“FLASH技术说明”网页 1.8 【案例8】“最新消息公告”网页 1.9 【案例9】“水中倒影”网页 1.10 【案例10】“飘动的枫叶”网页 1.1 【案例1】第1个HTML网页 1．HTML文件特点 HTML文件是标准的ASCII文件，它看起来像是加入了许多被称为链接签（tag）的特殊字符串的普遍文本文件。从结构上讲，HTML文件由元素（element）组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”，即它们有起始标记和结尾标记。元素的起始标记叫做起始链接签（start tag），元素的结束标记叫做结尾链接签（end tag），在起始链接签和结尾链接签中的部分是元素体。每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。 一个元素的元素体中可以有其他的元素。“属性名”、“=”和“属性值”合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开。 需要说明的是，HTML是一门发展很快的语言，早期的HTML文件并没有如此严格的结构，因而现在流行的浏览器为了保持对早期HTML文件的兼容性，也支持不按上述结构编写的HTML文件。另外，各种浏览器对HTML元素及其属性的解释也不完全一样。一般来讲，HTML的元素有下列3种表示方法。 （1）元素名文件或超文本/元素名 （2）元素名 属性名＝属性值…文本或超文本/元素名 （3）元素名 第3种写法仅用于一些特殊的元素，例如分段元素P，它仅仅通知WWW浏览器在此处分段，因而不需要界定作用范围，所以它没有结尾链接签。 HTML语言的标记种类很多，图1-1-2中常用的标记含义介绍如下。注意：HTML文档中的起始链接签“”和元素名称（例如BODY）之间不能有空格。 2．网页基本结构标记 （1）HTML…/HTML：它是HTML文档中最基本的标记，不可缺少。HTML表示HTML文档的开始，/HTML表示HTML文档的结束。 （2）HEAD…/HEAD：它是网页头部标记。可以提高网页文档的可读性，向浏览器提供一个信息。它可以忽略，但一般不予忽略。 （3）TITLE…/TITLE：它是网页名称标记，是HEAD…/HEAD标记内唯一一个必须出现的元素，有HEAD…/HEAD标记就一定要有TITLE…/TITLE标记。 TITLE元素是文件头中的元素，它也只能出现在文件头中。TITLE标明该HTML文件的题目，是对文件内容的概括。一个好的题目应该能使读者从中判断出该文件的大概内容。文件的题目一般不会显示在文本窗口中，而以 窗口的名称显示出来。除了标识窗口外，当将某一个网页存入书签或文件时，TITLE还用做书签名或缺省的文件名。TITLE的长度没有限制，但过长的题目会导致转行，一般情况下它的长度不应超过64个字符。 （4）BODY…/BODY：它是网页主题内容标记。其中包含了网页的正文内容，一般不可缺少。 （5）BODY BGCOLOR=#RRGGBB：使用BODY标记中的BGCOLOR属性，可以设置网页的背景颜色。使用的格式有以下两种。 BODY BGCOLOR=RRGGBB BODY BGCOLOR=颜色的英文名称 在第一种格式中，RR、GG、BB可以分别取值为00~FF的十六进制数。RR、GG、BB分别用来表示颜色中的红色、绿色和蓝色成分的多少，数值越大，颜色越深。红、绿、蓝三色按一定比例混合，可以得到各种颜色。 例如，RR =FF，GG=FF，BB=00，表示为黄色。如果RRGGBB取值为000000，则为黑色；RRGGBB取值为FFFFFF，则为白色；RRGGBB取值为FF8888， 则为浅红色。 第二种格式是直接使用颜色的英文名称来设定网页的背景颜色。例如： BODY BGCOLOR=blue：用来设置网页的背景颜色为蓝色。 BODY BGCOLOR=red：用来设置网页的背景颜色为红色。 BODY BGCOLOR=white：用来设置网页的背景颜色为白色。 （6）IMG：它是图像标记。用来加载图像与GIF动画。在网页中加载GIF动画的方法与加载图像的方法一样。GIF动画文件的扩展名也是.gif，文件格式是GIF89A格式。制作GIF动画的软件有很多，例如Fireworks和Ulead GIF Animator 5.0等。 （7）SRC：它是依附于其他标记的一个属性，依附于IMG标