1.HTML头部标记head
(1)语法 :<head>...</head>
(2) 说明:<head>元素的作用范围是整篇文档
<head>元素中包括有 <meta>元信息定义;标题标记title;文档样式表定义;脚本等信息
定义在HTML语言头部的内容往往不会再网页上直接显示
2.标题标记title
(1) HTML页面的标题一般是用来说明页面的用途,它显示在浏览器的标题栏中
(2) 语法:<title>....</title>
(3) 说明:页面的标题只有一个,它位于HTML文档的头部,即<head>和</head>之间
3.元信息标记meta
(1)概述:meta元素提供的信息不显示在页面中,一般用来定义页面信息的说明、关键字、刷新等。在HTML中,meta标记不需要设置结束标记,在HTML页面 中可以有多个meat元素,meta元素的属性有name和http-equiv,其中name属性主要用于描述网页,以便搜索引擎查找和分类。
(2)name属性的使用
#设置页面关键字
<meta name = "keywords" content = "输入具体的关键字">
在该语法中,name为属性名称,这里是keywords,也就是设置网页的关键字属性,而content中则定义具体的关键字。
#设置页面说明:也是为了便于搜索引擎的查找,它用来详细说明网页的内容,页面说明在网页中不显示出来。
<meta name = "description" content = "设置页面说明">
在该语法中,name为属性名称,这里设置为description,也就是将元信息属性设置为页面说明,在content中定义具体的描述语言。
#定义编辑工具
<meta name = "generator" content = "FrontPage">
在该语法中,name为属性名称,设置为generator,也就是设置编辑工具,在content中定义具体的编辑工具名称
#设置作者信息
<meta name = "author" content = "郭华滨">
#设置网页文集及语言
<meta http-equiv = "content-type" content = "text/html"; charset = "字符集类型" />
在该语法中,http-equiv用于传送HTTP通信协议的标头,而在content中才是具体的属性值。charset用于设置网页的内码语系,也就是字符集的类型,国内常用的是GB码, charset往往设置为gb2312,即简体中文。英文是ISO-8859-1字符集。
#设置网页的定时跳转:使网页在一段时间后自动跳转刷新,经常有一些欢迎页面,经过一段时间后,这些页面会自动跳转到其他页面,这就是网页的跳转
<meta http-equiv = "refresh" content = "跳转的时间;URL = 跳转的地址">
<meta http-equiv = "refresh" content = "20 ; url = index1.html">
4.网页的主体标记body
(1)网页背景色 bgcolor
语法:<body bgcolor = "背景颜色">
<body bgcolor = #FF99FF>
(2)网页背景图片 background
语法:<body background = "图片地址" >
说明:图片地址可以是相对地址,也可以是绝对地址。在默认情况下可以省略此属性,这时图片会按照水平和垂直的方向不断重复出现,直到铺满整个页面
(3)文字颜色text
语法:<body text = "文字的颜色">
说明:在该语法中,text属性值与设置页面背景色的相同
(4)链接文字属性link
概述:在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变为暗红色,可以通过link参数修改链接文字的颜色
语法:<body link = "颜色">
扩展:alink是为单击链接的文字时设置颜色,vlink设置访问后的链接文字的颜色
语法:<body link = "#993300" alink = "#0066FF" vlink = “#336600”>
(5)边距 margin
概述:在网页中可以设置页面与浏览器边框之间的距离,包括上边距和左边距
语法:<body topmargin = 上边距的值 leftmargin = 左边距的值>
说明:默认情况下,边距的值以像素为单位,一般网站的页面左边距和上边距都设置为0