Html 基础知识分析和总结.docx

Html基础知识

Html优点

Html文档独立于平台，多平台兼容。只要有一个可以阅读和解释html的浏览器就可。不同浏览器显示的形式不同。

Html是纯文本文件，可以用记事本、写字板等文本编辑器来编写。

（从本质上说，www只是一个由html文件及一系列传输协议组成的集合）

如何建立HTML文档

使用记事本新建一个HTML文件

使用编辑工具创建

文档结构

从结构上讲，html文件由元素（element）组成,元素用来组织文件的内容和指导文件的输出格式。一个html文件应具有以下结构：

html

head….

/head

body font=”宋体”,bgcolor=”red”….

/body

/html

应注意：

（1）html文件仅有一个html元素构成，即文件以html开始,以/html结束。文件其他部分是html的元素体，元素体主要有两大部分，即头元素和体元素还有一些注释组成

（2）.大部分元素有两部分，起始标记（startag）和结尾标记（endtag）

（3）.每一个元素都有名称和可选择的属性，元素的名称和属性都在起始链接签内标明，属性的顺序不重要

html…/html

html应该是发给浏览器的第一个标记，用于表示一个页面的开始。/html应当是发送到浏览器的最后一个标记。

head…/head

对页面的一般性说明，如：标题、主题介绍、字符集、作者信息等，这些信息与书写顺序无关。/head必须出现在body之前。

title…/title

出现在head…/head之间，用于提供页面的名称，可以出现在浏览器标题栏上，而且在title/title间不能有其他标示

1.4meta

出现在head…/head之间，提供该文档的媒体信息，有name,content,url和http-equiv属性，其中url

属性在客户引导页面时，提供目标地址，content属性为name和http-equiv提供指定值。

（1）name属性

1〉keywords

说明：keywords用来告诉有哪些信誉好的足球投注网站引擎你网页的关键字是什么。

举例：metaname=”keywords”content=”河北金融学院，国际经济贸易系，电子商务“2〉description简介

说明：description用来告诉有哪些信誉好的足球投注网站引擎你网站的主要内容。

举例：metaname=”description”content=”本页面介绍了保定金融高等专科学校国际经济贸易系的情况”3〉robots机器人向导

说明：robots用来告诉有哪些信誉好的足球投注网站引擎那些页面需要索引，那些页面不需要索引。Content的参数有all.None.Index.Noindex.Follow.nofollow,默认为all.

举例：metaname=”robots”content=”none”

注意：metaname=robotscontent=all|none|index|noindex|follow|nofollow来确定:

设定为all时文件将被检索，且页上链接可被查询;

设定为none则表示文件不被检索，而且不查询页上的链接;设定为index时文件将被检索;

设定为follow则可查询页上的链接;

设定为noindex时文件不检索，但可被查询链接;

设定为nofollow则表示文件不被检索，但可查询页上的链接.

4author(作者)

说明：标注网页的作者。

举例：metaname=”author”content=”abc,abc@”(2)http-equiv属性

常用类型有：

1〉expires期限

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上从新下载调阅。举例：metahttp-equiv=”expires”content=”wed,3Nov200416:30:41gmt”

注意：必须使用gmt时间格式。2〉pragma(cach模式)

说明：禁止浏览器在本地机的缓存中调阅叶面内容。举例：metahttp-equiv=”pragma”content=:”no-cache”注意：这样设定，访问者将无法脱机浏览。

3〉refresh(刷新)

说明：定时让网页自动链接到其他网页。举例：

metahttp-equiv=”refresh”content=”5;url=”

注意：其中5是指停留5秒后自动刷新至新url网址。

4〉(cookie设定)

说明：如果网页过期，那么存盘的cookie将被删除。用法：

metahttp-equiv=set-co