从HTML语言到网上家园第一章 HTML语言结构_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：1236 更新时间：2009/4/23 11:12:06

　　从上面的例子我们可以看到， 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〉标记对中的标记讲究次序，改变次序会改变显示效果。我们将在以后的章节详细讲述这些标记对。