HTML基础知识HTML基础知识.doc

HTML基础知识 1.HTML的一些周边知识 HTML是一套用于呈现数据的标记语言，我们现在学习的是HTML4,而HTML5是目前HTML的最新版本，HTML5的变更并不是太大，它只是在原有的基础上包含了动画，并且能够更完美的配合浏览器，制作出自适应的网站，也就是说它的显示风格会根据你的客户端使用的平台的不同，而自动适配出不同的显示风格。 1.1什么是HTML? 它来自W3C公司，W3C并不是一个盈利公司，它主要是为internet制作一些标记规则（语言），W3C主要就是制做标记的一家公司，它也可以算是一家协会，它主要的作用就是规范internet上的标记，它总共开发了两套标记语言，一套就是XML，另一套就是HTML，HTML主要负责页面的数据呈现而XML主要负责的是数据的存储，在以后我们也会学习XML。 HTML又叫做网页标记，它就不像XML那样自由，它的每一个标记都有专门的说明文档来说明它的规则，它的标记是空标记还是标准标记，有一个属性还是有两个属性都是有详细的规定的。因为它的每一个标记的设计都是为了让我们的网页可以呈现的更加完美，所以我们学校HTML主要就是学习它的这些标记的使用。目前来说HTML4已经畅通十年了，十分流行。 1.2什么是标记？ 在很早以前，我们浏览网页，还不能像现在这样，而只能像记事本一样呈现一些简单的文字，因为在当时，发送文字传递信息已经非常厉害了，但是，随着时间的增长，越来越多的人觉得仅仅传输文字已经无法满足客户的需求了，所以就出现了W3C公司，它提供了文字的设置、背景设置和图片的设置等等功能，使得单调的记事本页面变得五颜六色，也就出现了标记，也叫做超文本标记。 那么如何在简单的文本传输中，又能为文本增加色彩呢？这就是W3C公司面临的最大的难点。所以W3C公司就想到了用标记去描述网页上的文字和图片的一些设置，再由浏览器对这些标记进行解读，再生成一张网页呈献给用户观看，这样用户看到的网页就比以前单调的笔记本页面要丰富的多。 但是制作标记还不是最困难的，最困难的是开发一个可以将所有标签都解析出来，并且解析正确的浏览器，所以浏览器还是很难制作的。 下面就是标记的一些相关知识： xxxx:尖括号分别表示标记的开始与结束，XXXX表示标记的名称； 如：img src=”a.jpg”/ a href=”URL”内容/a 这两种都是标记的写法，第一种写法中，img就是标记的名称，而空格后的src就是标记的内容，也可以说是标记的属性和值（它可以使用双引号也可以使用单引号），”/”表示标记的结束，方法二中的/a也表示标记的结束； 第一种写法叫做空标记，第二种写法叫做普通（标准）标记，标记间可以包含内容、可以进行嵌套的标记就叫做标准标记，而标记马上结束，不能进行嵌套也不能包含其它内容的标记就叫做空标记； 有开始，有结束就表示一对标记，也是W3C规定的一种标记的书写方式，它在HTML和XML都是必须遵守的规范，这套标记W3C公司称它为SGML，它在HTML和XML中都是通用的。 图1：HTML周边知识示意图 1.3什么是XML？ XML全称为可扩展的标记语言（自定义标记），也就是说它拥有自由的标记规则，我们喜欢怎么写就怎么写，我们可以根据自己的需求创造出一套规则，来让用户进行书写，就像Tomcat中的web.xml文件一样，它就是由公司自己规定了一套结构，自己设定了一系列的标记，而用户只需要遵守规则进行书写就可以了。W3C公司对XML中的内容没有任何要求，它开发标记的原因就是用来描述数据的结构，让一些文本数据变的更加有结构性，使它们变得更加统一，更加有规则，这也就是XML文件出现的目的。 1.4 HTML的传输过程 HTML是基于Http协议（超文本传输协议）之上的，而Http是基于TCP之上的，所以它最根本的传输协议就是TCP。 HTML仅仅就只是一个文本而已，浏览器访问一个页面，就会先对服务器进行访问，然后服务器首先就会将我们对应的HTML文本（标记语言）传输给浏览器，浏览器接收到HTML文件后会对它进行解析，在解析完成后，用户才可以看到我们的页面，而如果我们的HTML页面中还有一些音频、图片或者其它的素材存在时，那么浏览器在解析HTML文件的同时，还会对服务器再次进行访问，将素材下载下来后再进行使用，例如，如果我们有一个网页，网页上有三张图片，那么浏览器总共会对服务器产生四次请求，第一次是请求HTML的文本文件，而剩余的三次都是对服务器请求资源。这也是为什么我们访问网页时会经常出现文字已经呈现出来了而图片的位置打叉的情况。 图2：HTML传输过程示意图 所以，我们一定要清楚，HTML文本是在浏览器上才进行解析运行的，在传输过程中它始终只是一个文本，并没有发生任何改变。 由上我们也不难看出，在整个网页访