HTML的头部文件和主体标签
完整的HTML文档包括文档头和文档主体两部分一、文件头部内容
1.标签< base>
位置:放于头部文件中,一个HTML文件只能有一个< base>标签
作用:当超链接标签< a>没有指定href和target的属性时会默认使用标签的内容,反之使用自己的
语法:
<html>
<head>
<meta charset="utf-8">
<title></title>
<base href="文件路径" target="目标窗口" />
<!-- href:用于设置网页的文件链接地址
target:用于设置网页显示的目标窗口,有4个选项
_blank:在新窗口打开被链接的文档
_self:默认值,在当前窗口打开被链接的文档
_parent:在上一级窗口中打开被链接的文档
_top:在浏览器的整个窗口中打开被链接的文档
-->
</head>
<body>
</body>
</html>
代码示例:
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<base href="http://www.baidu.com" >
</head>
<body>
<a href="">CSDN</a>
</body>
</html>
2.标签< meta>
位置:放于头部文件中,可以有多个< meta>标签
作用:帮助主页被各大搜索引擎收录,提高网站访问量,定义的信息不会出现在网页中,仅在源文件中显示
语法:
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta http-equiv="content-type" content="text/html; charset=HZ-GB-2312" />
<!-- http-equiv:可以帮助正确和精确的显示网页内容,参数有三个,介绍如下:
expires:用于设定网页的到期时间,此时content属性设置具体过期时间值
refresh:自动刷新并指向新网页,此时content属性设置时间和网页地址,
例如content="5;URL=http://www.baidu.com",5代表5s后自动
跳转到URL网址,URL=http://www.baidu.com代表新网页的地址
content-type:设定网页使用的字符集,此时content属性设置具体的编码方式,
例如content="text.html;charset=GB-2312"
-->
<meta name="参数" content="value" />
<!-- name:用于描述网页,content中的内容是便于搜索引擎机器人查找信息和分类信息
keywords:设置网页关键字,content="计算机,英语",当利用搜索引擎搜索时,
输入任何一个关键字都能搜索到该网页
author:标注网页的作者
description:描述页面的内容
-->
</head>
<body>
<a href="http://www.baidu.com">CSDN</a>
</body>
</html>
二、主体部分
1.设置页面背景颜色< bgcolor>
代码如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body bgcolor="yellow">
</body>
</html>
效果演示:
2.设置页面边距< margin>
单位是像素,设置显示内容与浏览器的距离
代码如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body leftmargin="30" rightmargin="50" bottommargin="80">
你好啊,李银河
</body>
</html>
效果演示:
3.设置正文文本颜色< text>
设置整个网页的文字颜色
代码如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body text="red" bgcolor="gainsboro">
你好啊,李银河
</body>
</html>
效果演示:
4.设置页面背景< background>
设置背景墙纸所用的图像文件
代码如下:
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body background="img/1587091718509.jpeg">
你好啊,李银河
</body>
</html>
效果演示: