HTML的基本标记
1. 头部标记head
<head>...</head>
head元素的作用是整篇文档,其中可以有<meta>元信息定义,文档样式表定义和脚本信息等。
<html>
<head>
文档头部信息
</head>
<body>
文档正式内容
</body>
</html>
2. 标题标记title
<title>标题内容</title>
3. 元信息标记 meta
Meta元素的信息不显示在页面中,一般来定义页面信息的说明,关键字,刷新等。属性有name,http-equiv。
1)设置页面关键字
在搜索引擎中,检索信息都是通过输入关键子来实现的。
<meta name="keywords" content="插入关键字">
Name为属性名称 在content中定义具体的关键字
2)设置页面说明
也是为了便于搜索引擎的查找
<meta name="description" content="设置页面说明">
Name为属性名称 在content中定义具体的描述语言
3)定义编辑工具
<meta name="generator" content="编辑软件的名称">
Name为属性名称 在content中定义具体的编辑工具名称
如: <meta name="generator" content="FrontPage">
4)设置作者信息
<meta name="author" content="作者的姓名">
Name为属性名称 在content中设置具体的信息
5)设置网页文字及语言
<meta http-equiv="content-type" content="text/html;charset=字符集类型"/>
http-equiv用于传输http通信协议的标头,在content中设置具体的属性值
如:<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"/>
6)设置网页定时跳转
其实就是该标记使网页在经过一定时间自动刷新
<meta http-equiv="refresh" content="跳转时间;URL=跳转到的地址“>
Refresh表示网页的刷新 在content设置刷新时间(以秒为单位)和刷新后的链接地址
如:<meta http-equiv="refresh" content="20;url=index.html">
在经过二十秒后页面自动跳转到index.html
小结:虽然<meta>标记中的信息不再页面中显示,但是对于网页的规范化和搜索引擎关键字等方面来看,该标记在也是非常重要的。
(注:<meta>标记可以不设结束标记)
4. 网页主体标记body
网页的主体部分包括在浏览器中显示处理的所有信息。
1)网页背景色bgcolor
<body bgcolor="背景颜色">
背景颜色可以是一个以命名的颜色,也可以是一个十六进制的颜色值。
如:<body bgcolor="#FF99FF">或者<body background="red">
2)网页背景图片background
<body background="图片地址">
地址可以是相对地址也可以是绝对地址,在默认情况下图片会按照水平和垂直方向不断重复出现
如:<body background="image/1.jpg">
3)文字颜色text
<body text="文字的颜色">
如:<body text="#FFFFFF"> //文字为白色
4)链接文字属性link
<body link="颜色">
如:<body link="blue">//超级链接的字体为蓝色
还可以使用alink设置正在访问的字体颜色
如:<body link="blue" alink="red">
Vlink可以设置访问后链接字体的颜色
如:<body link="blue" alink="red" vlink="green">
5) 边距margin
<body topmargin=上边距的值 leftmargin=左边距的值 Rightmargi=右边距的值>
在默认情况下 边距的值以像素为单位
如: <body topmargin="100" leftmargin="100" rightmargin="100">
5.页面注释标记<!-- -->
<!-- 注释内容 -->