HTML语言基础.docx

1、HTML语言基础第一章第二章第三章第四章第五章第六章 第一章：HTML 语言的结构html文件是标准的ASCII文件，它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普遍文本文件。从结构上讲，html文件由元素(element)组成，组成html文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”，即它有起始标记和结尾标记。元素的起始标记叫做起始链接签(start tag)，元素结束标记叫做结尾链接签(end tag)，在起始链接签和结尾链接签中向的部分是元素体。每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明。比如体元素(body

2、) demo This is my first html file. 第一行是体元素的起始链接签，它标明体元素从此开始。因为所有的链接签都具有相同的结构，所以我们将仔细分析这个链接签的各个部分，以便读者对链接签的写法有一大概了解。 起始链接签开始body 元素名称，由于元素和链接签一一对应，所以元素名也叫链接签名。需要注意的是 起始链接链结束第二行和第三行是body元素的元素体，最后一行是body元素的结尾链接签。结尾链接签用。从上面的例子中，我们可以看出，一个元素的元素体中可以有另外的元素。(上例中第二行的标题元素和第三行的分段元素。实际上，html文件仅由一个html元素组成，即文件以开始

3、，以结尾，文件其部分都是 html的元素体。html元素的元素体由两大部分，即头元素和体元素和一些注释组成。头元素和体元素的元素体又由其它的元素和文本及注释组成。也就是说，一个html文件应具有下面的结构：html文件开始文件头开始文件头 文件头结束文件体开始文件体 文件体结束 html文件结束需要说明的是，html是一门发展很快的语言，早期的html文件并没有如此严格的结构，因而现在流行的浏览器(如Netscape,Mosaic等)为保持对早期html文件的兼容性,也支持不按上述结构编写的html文件。还需要说明的是，各种浏览器对html元素及其属性的解释也不完全一样，本书中所讲的元素，元素

4、的属性及其输出是以Netscape2.0浏览器为准的，作者将尽量给出别的浏览器对某一元素的解释。一般来讲，html的元素有下列三种表示方法：1)文件或超文本2)文本成超文本3)第三种写法仅用于一些特殊的元素,比如分段元素P，它仅仅通知www浏览器在此处分段，因而不需要界定作用范围，所以它没有结尾链接签。htlm3.0标准中，也定义了 链接签，它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。html文件中，有些元素只能出现在头元素中，绝大多数元素只能出现在体元素中。在头元素中的元素表示的是该html文件的一般信息，比如文件名称，是否可检索等等。这些元素书写的次序是无关紧要的，它只表明该

5、html有还是没有该属性。与此相反，出现在体元素中的元素是次序敏感的，改变元素在html文件中的次序会改变该html文件的输出形式。第一章第二章第三章第四章第五章第六章第二章： 构成网页的基本元素2.1题目(TITLE)Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为：文件题目title标明该html文件的题目，是对文件内容的概括。一个好的题目应该能使读者从中判断出该文件的大概内容。文件的题目一般不会显示在文本窗口中，而以窗口的名称显示出来。除了标识窗口外，当将某一 homepage 存入书签或文件时，title还用作书签名或缺省的文件名。titl

6、e的长度没有限制，但过长的题目会导致折行，一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容，所以太短的title也是不可取的，比如：introduction 这个题目，读者不可能根据它判断出本文介绍的是什么。一个好的例子是：An Introduction to HTML 2.0在头元素中还可以出现其他元素，如，等等。这些元素都不是必须的，而且也不常用。这些元素的用法和它们的含义可以参考有关文献。下面是一个最简单的html 文件the simplest html fileThis is my first html file.2.2 标题(hn)标题元素有6种，分别为h1,

7、 h2,h6，用于表示文章中的各种题目。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释：h1 黑体，特大字体，居中，上下各有两行空行。h2 黑体，大字体，上下各有一到两行空行h3 黑体(斜体)，大字体，左端微缩进，上下空行h4 黑体，普通字体，比h3更多缩进，上边一空行h5 黑体(斜体)，与h4相同缩进，上边一空行h6 黑体，与正文有相同缩进，上边一空行hn 可以有对齐属性，align#，#表示left 标题居左center 标题居中right 标题居右例: Chapter 2下面给出hn的例子及其输出：Today is fine! Today is fine!Today is fi

8、ne! Today is fine!Today is fine! Today is fine!Today is fine! Today is fine!Today is fine! Today is fine!Today is fine! Today is fine!2.3 分段html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。html的分段完全依赖于分段元素。比如下面两段源文件有相同的输出。This is a level Two Heading paragraphy one paragraph two Th

9、is Is a Level Two Headingparagraph one paragraph Two 也可以有多种属性，比较常用的属性是：aligh# #可以是left,center,right,其含义同上文。例：This is a centeredparagraph当 html文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大的空白区。这时，不带clear属性的可能会使文章的内容显示在该空白区内。为确保下一段内容显示在图形的下方，可使用clear属性。clear属性的含义为：clear=left 下一段显示在左边界处空白的区域clear=right 下一段显示在右边界处空白的

10、区域clear=all 下一段的左右两边都不许有别的内容2.4 清单List清单用于列举事实，常用的清单有3种格式，即无序清单(unordered List)，有序清单(ordered list)和定义清单(definition list)2.4.1 无序清单(ul)无序清单用(ul)开始，每一个清单条目用引导，最后是，注意清单条目不需要结尾链接签。输出时每一清单条目缩进，并且以黑点标示。例 ：源文件TodayTommorow输出为 TodayTommorow2.4.2 有序清单有序清单与无序清单相比，只是在输出时清单条目用数字标示，下面是一个例子及其输出：TodayTommorow输出为：

11、1.Today2.Tommorow2.4.3 定义清单定义清单用于对清单条目进行简短说明的场合，用开始，清单条目用引导，它的说明用引导。Item 1The definition of item 1Item 2Definition or explaination of item 2输出为： Item 1The definition of item 1Item 2Definiton or explaination of item 22.4.4 改变条目标记1.改变无序清单条目标记无序清单输出时，每一条目前都有一个黑色圆点，用户可以用type序性修改条目的标记。type可以是disc 实心圆点cirde圆圈 square实心方点ONETWOTHREE输出为： ONETWOTHREE2.改变有序清单条目标记有序清单条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为#=A, 大写字母a, 小写字母I, 大写罗马数字i, 小写罗马数字l, 缺省,阿拉伯数字ONE-ONEONE-TWOA.ONE-ONEB.ONE-TWOONE-ONEONETWO