Html学习笔记汇总.doc

Html学习笔记汇总： 1.简介 HTML 是“HyperText Mark-up Language（超文本标记语言）”的缩写。 XHTML（可扩展超文本标记语言） 2.主要语法及常用元素属性 A. 标签中的字母应该大写还是小写？ 大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以HTML、html或HtMl在浏览器上的显示效果都一样。但是，正确的写法是采用小写字母来书写标签。所以，要养成用小写字母书写标签的习惯。 B. HTML文档有两个部分：头部（head）和主体（body）。你在头部（head）提供关于网页的信息，你在主体（body）部分提供网页的具体内容。 C. 如果你要指定HTML 文档的网页标题（title）（它将显示在浏览器窗口顶部），你就要 在头部（head）提供有关信息。用title 元素来指定网页标题：即在首标签title与尾标签/title之间写上网页标题： Eg. title我的第一个网站/title 网页标题（title）尤其重要，因为搜索引擎（比如Google ）要用它来索引网页，并显示在搜索结果里。 提示：好的设置与描述可以提高页面在搜索引擎的排名. 信息标记：Meta标签 基本语法: meta name=keywordscontent= 使用meta设置页面列表： 搜索设置 关键字设置 页面编码设置（utf-8） 页面描述设置 作者设置 Eg. HEAD meta http-equiv=Content-Type content=text/html; charset=UTF-8 / titleAceBaseData:企业信息化系统/title META content=Patrick name=author META content=进销存,电子商务 name=keywords META content=企业信息管理系统:帮助企业管理内部信息. name=description META content=all name=robots /HEAD Meta的http-equiv属性详解 顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是：＜meta http-equiv=参数 content=参数变量值＞ ；其中http-equiv属性主要有以下几种参数： 1、Expires(期限) 说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 用法：＜meta http-equiv=expires content=Wed, 20 Jun 2007 22:33:00 GMT＞ 注意：必须使用GMT的时间格式。 2、Pragma(cache模式) 说明：禁止浏览器从本地计算机的缓存中访问页面内容,这样设定，访问者将无法脱机浏览。 ? 3、Refresh(刷新) 说明：自动刷新并指向新页面。 用法：＜meta http-equiv=Refresh content=2；URL=/＞ 注意：其中的2是指停留2秒钟后自动刷新到URL网址。 4、Set-Cookie(cookie设定) 说明：如果网页过期，那么存盘的cookie将被删除。 用法：＜meta http-equiv=Set-Cookie content=cookievalue=xxx; expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/＞ 注意：必须使用GMT的时间格式。 5、Window-target(显示窗口的设定) 说明：强制页面在当前窗口以独立页面显示。 用法：＜meta http-equiv=Window-target content=_top＞ 注意：用来防止别人在框架里调用自己的页面。 6、content-Type(显示字符集的设定) 说明：设定页面使用的字符集。 用法：＜meta http-equiv=content-Type content=text/html; charset=gb2312＞ 7、Pics-label(网页等级评定) 用法：meta http-equiv=Pics-label contect=网页等级评定 说明：在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。还有Page_Enter、Page_Exit…… 补充： 设定进入页面时的特殊效果 meta http-equiv=Enter contect=revealTrans(du