HTML 文件由两个主要部分组成:head 部分和 body 部分。body 是文档的主要部分,也是包含文本和图像等的可见部分。head 部分是除文档标题外的不可见部分,文档标题出现在浏览器的窗口标题栏中。为创建的每一个页面指定一个标题。
1.<html></html>
<html>标致用于Html文档的最前边,用来标识Html文档的开始. 而</html>标志放在Html文档的最后边,用来标识Html文档的结束.
2.<head></head>
<head>和</head>构成Html文档的开头部分,head 部分包含很多重要信息,包括文档类型、语言编码、JavaScript 和 VBScript 函数和变量、搜索引擎的关键字和内容指示器以及样式定义。不需要为每一个页面都提供所有这些元素。
3.<body></body>
<body></body>是Html文档的主体部分, 大部分标志对包含其间,它们所定义的文本、图像等将会在浏览器的框内显示出来. <body>标志中还可以有以下属性:
格式:<body bgcolor="#" text"#" link="#" vlink="#" alink="#" background="URL"></body>
属性 | 用途 |
<body bgcolor="#rrggbb"> | 背景颜色 |
<body text="#rrggbb"> | 文本颜色 |
<body link="#rrggbb"> | 链接颜色 |
<body vlink="#rrggbb"> | 已使用链接颜色 |
<body alink="#rrggbb"> | 正被击中链接色 |
<body background="URL"> | 背景图像 |
说明:引号内的#rrggbb是用六个十六进制数表示的 RGB(即Red、Green、Blue的组合)颜色。16进制数码有:0.1.2.3.4.5.6.7.8.9.a.b.c.d.e.f还可以使用Html语言所给定的常量名来表示颜色:Black White Green Maroon(栗色) Olive(橄榄色) Navy(深蓝色) Purple Gray(灰色) Yellow Lime(酸橙色) Aqua Fuchsia(紫红色) Silver(银色) Red Blue Teal
4.<title></title>
浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入您要显示的文本即可. 注意:<title></title>标志对只能放在<head></head>标志对之间.
5.<meta>
<meta></meta>使head区的一个辅助性标签,是对网站发展非常重要的标签. meta 标签是记录有关当前页面的信息(如字符编码、作者、版权信息和关键字)的 head 元素。这些标签也可以用来向服务器提供信息,如页面的失效日期、刷新间隔和 PICS 等级。
语法格式:<meta name/http-equiv="值" content="内容">
meta标签有两大属性:
① http-equiv
HTTP 标题信息 类似于http的头部协议,他回应给浏览器一些有用信息,以帮助正确和精确的显示网页内容.常用类型有:
<1>expires 期限
可以用于设定网页的到期时间,一旦网页过期,必须到服务器上重新调阅
格式:<meta http-equiv="expires" contect="Mon,1 Jan 2001 00:00:00 GMT"> * 必须使用GMT的时间格式
<2>pragma cach模式
禁止浏览器从本地机的缓存中调阅页面内容
格式:<meta http-equiv="pragma" content="no-cache"> * 这样访问者将无法脱机浏览
<3>refresh 刷新
自动刷新并指向新页面
格式:<meta http-equiv="refresh" contect="n;url=URL"> * n是指停留n秒钟后自动刷新到URL网址
**若是单纯刷新本页面,url=""部分省略。
<4>set-cookie coolie设定
若网页过期,那么存盘的cookie将被删除
格式:<meta http-equiv="set-cookie" content="cookievalue=##;expires=Mon,1 Jan 2001 00:00:00 GMT">
<5>window-arget 显示窗口的设定
强制页面在当前窗口以独立页面显示
格式:<meta http-equiv="window-target" content="_top"> * 防止被在框架里调用此页面
<6>content-type 显示字符集的设定
设定页面使用的字符集(英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集)
格式:<meta http-equiv="content-type" contect="text/html";charset=gb2312">
<7>content-language 主页制作所使用的语言
格式:<meta http-equiv="content-language" content="en">
<8>pics-label 网页等级评定
在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的. 该级别的评定是由美国RSAC(娱乐委员会的评级机构)评定的. 如果需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格,那么RSAC会提供一段meta代码给你,复制到自己网页里就可以了.
<9>page-enter/page-exit
设定进入和离开页面时的动画效果,这个功能即FrontPage中的”格式/网页过渡(Format/Page Transition)”,不过所加的页面不能够是一个frame页面.
格式:<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
② name 页面的描述性信息
<1>keywords 关键字
告诉搜索引擎此网页的关键字。许多搜索引擎装置(自动浏览网页为搜索引擎收集信息以编入索引的程序)读取说明 meta 标签的内容。有些使用该信息在它们的数据库中将您的页面编入索引,而有些还在搜索结果页面中显示该信息(而不只是显示文档的前几行)。有些搜索引擎限制索引字符的数目,所以最好将说明限制为几个字。
格式:<meta name="keywords" content="life,world">
<2>description 简介
告诉搜索引擎此网页的主要内容
格式:<meta name="description" content="This page is about…">
<3>robots 机器人向导
告诉搜索机器人那些页面需要索引,那些不需要
格式:<meta name="robots" content="all/none/index/follow/noindex/nofollow">
all:文件将被检索,且页面上的链接可以被查询
none:文件将不被检索,且页面上的链接不可以被查询
index:文件将被检索
follow:页面上的链接可以被查询
noindex / nofollow:文件将不被检索,页面上的链接可以被查询
<4>author 作者
标注网页作者
格式:<meta name="author" content="Lemon Wave">
<5>generator 制作工具
用以说明生成工具(如Microsoft FrontPage 4.0)等
格式:<meta name="generator" content="Microsoft FrontPage 4.0">
6.html注释语句
用于说明代码含义,不会显示在浏览器中.
格式:<!--注释语句-->
7.<base>
使用base可以设置页面中所有文档相对路径相对的基本 URL。 Href 是基本 URL。目标指定所有链接的文档都应该在其中打开的框架或窗口。在当前的框架页中选择一个框架,或选择下列保留
<base href="URL" target="#"> * target=_blank/_parent/_self/_top
_blank 将链接的文档载入一个新的、未命名的浏览器窗口。
_parent 将链接的文档载入父框架页或包含链接的框架窗口。如果包含链接的框架没有嵌套,则相当于 _top;链接的文档载入整个浏览器窗口。
_self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的,所以通常不需要指定它。
_top 将链接的文档载入整个浏览器窗口,从而删除所有框架。
8.<address></address>
地址。