从HTML语言到网上家园 第一章 HTML语言结构

【 tulaoshi.com - Html 】

　　从上面的例子我们可以看到， HTML 文档（在下面称作“网页”）里面有很多如 〈html〉〈/html〉〈head〉〈/head〉〈body〉〈body〉 等字符，在浏览器中却看不到它们，只是看到“看到效果了吗？这是我制作的第一个网页”这串蓝色字符，这是为什么呢？

　　〈html〉〈/html〉〈head〉〈/head〉〈body〉〈body〉 等等是 HTML 语言的标记符号，这些标记符号控制显示的效果，上例中 〈font color=”blue”〉 就是告诉浏览器将“看到效果了吗？这是我制作的第一个网页”显示成蓝色 (blue) 。

　　这些标记符号就是组成 HTML 言语的元素。组成 HTML 语言的元素有很多，它们各司其职，用于组织文件的内容和指导文件的输出格式。绝大多数标记（元素）都是成对出现的，即有起始标记（ start tag ）和结束标记（ end tag ）。每一个标记都有名称和可选择的属性，名称和属性放在 ”〈 〉” 尖括号中以与内容区别开来，注意 ”〈” 和标记名称之间不能有空格，标记名称和属性不区分大小写。在起始标记和结束标记之间的是标记要描述的主体内容属性。标记对中可以嵌套标记对。上例中的 〈font color=”blue”〉 就是一个标记， font 是字体标记的名称， color 是 font 标记的一个属性，它描述了字体是何种颜色，在这里定义的属性是 ”blue” （蓝色），你可以用记事本打开 myweb.html 文件名，将 ”blue” 改成其他颜色的名称看看，比如 ”red”( 红色 ) 、“ yellow ”（黄色），保存之后刷新看看效果。学习网页制作要多动手，多练习。

　　一个网页最基本的结构：

　　〈html〉
　　　　〈head〉
　　　　　　〈title〉〈/title〉
　　　　〈/head〉
　　　　　　〈body〉〈/body〉
　　〈/html〉

　　说明：早期的 HTML 文件没有如此严谨，多数浏览器为保持兼容性，也支持不按此结构写的网页。各种浏览器对 html 元素及其属性的解释也不完全一样 。

　　〈html〉 是告诉浏览器 HTML 文档从这里开始， 〈/html〉 是告诉浏览器 HTML 文档在次结束。 〈body〉〈/body〉 是标记了网页的主体，精彩的内容都在里显现。 〈head〉〈/head〉 是网页的头部文件，它说明了网页的一些情况，在这个标记对中也能嵌入其他标记，比如 〈title〉〈/title〉 、 〈meat〉 等标记。 〈title〉〈/title〉 标明该网页的题目，它显示在浏览器的窗口名称中。看上例显示效果中划红圈的地方就是 〈title〉〈title〉 中的内容。 title 的长度没有限制，但过长的题目会导致折行，一般情况下它的长度不应超过 64 个字符。

　　在 html 文件中，有些标记只能出现在 〈head〉〈/head〉 中，如 〈title〉 和 〈meat〉 ，不必讲究次序 . 绝大多数标记只能出现在 〈body〉〈/body〉 之间，而且出现在 〈body〉〈/body〉 标记对中的标记讲究次序，改变次序会改变显示效果。我们将在以后的章节详细讲述这些标记对。