The HTML Language——一、主体标志

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(RedGreenBlue的组合)颜色。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字符集,还有BIG5utf-8shift-JisEucKoi8-2等字符集)

格式:<meta http-equiv="content-type" contect="text/html";charset=gb2312">

<7>content-language 主页制作所使用的语言

格式:<meta http-equiv="content-language" content="en">

<8>pics-label 网页等级评定

IEinternet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过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=20transtion=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>

地址。

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值