HTML5学习 第二章
一、HTML头部标记
二、标题标记 title
标题的内部就是标题的内容
语法为：
<title>标题</title>
实例代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> </body> </html>
三、原信息标记 meta
meta提供的信息用户是看不到的，一般用来定义页面的名称、关键字、作者等。
1. 设置页面关键字
语法：
<meta name="keyname" content = "具体的关键字">
解释：
name为属性名称，设置为keyname，也就是关键字属性。
实例代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>设置页面关键字</title> <meta name="keyname" content = "html,关键字"> </head> <body> </body> </html>
2.设置页面描述
语法：
<meta name="Description" content = "页面描述">
解释：
name为属性名称，设置为Description，也就是关键字属性。
实例代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>设置页面描述</title> <meta name="Description" content = "页面描述"> </head> <body> </body> </html>
3、设置编译工具
语法
<meta name="generator" content="设置编译工具">
解释：
name为属性名称，设置为generator，也就是设置编译工具。
4、设定作者信息
5、限制搜索方式
语法
<meta name="robots" content="搜索方式">
解释：
实例代码：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>设置搜索方式</title> <meta name="robots" content="index"> </head> <body> </body> </html>
6、设置网页文字及语言
语法：
<meta charset="utf-8">
解释：
常用的字符集有：gb2312 ,简体中文；ISO-8859-1,英文；BIG5；UTF-8；等
7、设置网页自动跳转
语法：
<meta http-equiv="refresh" content="刷新时间;url=跳转地址"> 注意content 后面分号和引号的位置
解释
http-equiv ：用于传送HTTP通讯协议的标头，也就是设定标头属性的名称
refresh：网页的刷新
content ： 设置刷新时间和跳转地址
实例代码：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>定时跳转</title> <meta http-equiv="refresh" content="3;url=https://www.baidu.com"> </head> 本页面将在三秒后跳至百度 <body> </body> </html>
8、设定有效期限
语法：
<meta http-equiv="expires" content="到期的日期">
解释：
到期的时间必须是GMT格式，星期，日 月 年 时 分 秒，这些时间都使用英文和数字进行设定。
实例代码：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>设置有限期限</title> <meta http-equiv="expires" content="Tus,5 february 2019 17:27:00 GMT"> </head> <body> </body> </html>
9、禁止从缓存中调用
语法
<meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache">
解释：
cache-contro和pragma都是用来设定缓存的属性，content才是真正禁止调用缓存的语句。
实例代码：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>禁止调用缓存</title> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache"> </head> <body> </body> </html>
10、强制打开新窗口
语法：
<meta http-equiv="winows-target" content="_top">
解释：
强制网页在当前窗口以独立的页面显示。
winows-target表示新网页的打开方式
content="_top"表示打开的是一个独立页面
实例代码
<!doctype html> <html> <head> <meta charset="utf-8"> <title>强制打开新窗口</title> <meta http-equiv="winows-target" content="_top"> </head> <body> </body> </html>
四、基底网址标记 base
HTML页面通过基底网址能够把当前HTML页面的相对URL转换成绝对URL
例如，定义的一个基地网址为：
<base href="http://www.baidu.com/html">
在页面主体设置一个相对地址：
<a href="../html/book.html">
当浏览时，可自动转换为
<a href="http://www.baidu.com/htm/book.htmll">
语法：
<base href="链接地址l" target = “新窗口的打开方式”>
实例代码
<!doctype html> <html> <head> <base href="http://www.baidu.com/html"> <meta charset="utf-8"> <title>基底网址</title> </head> <body> <a href="http://www.baidu.com/htm/book.htmll"></a> </body> </html>
五、页面的主体标记 body
1、设置文字颜色
body元素的text属性可以改变整个页面文字的颜色，在没有对文字进行单独定义颜色的时候，这个属性对页面中所有的文字都起作用。
语法
<body text="颜色代码">
2、背景颜色属性
body元素的bgcolor 属性可以改变整个页面的背景颜色。与文字类似，它使用名字或十六进制数来表示
语法
<body bgcolor="颜色代码">
3、背景图像属性
body元素的background属性作为JPG或GIF格式图片的背景图。在默认情况下，背景图片在水平方向上和垂直方向上会不断重复出现，知道铺满整个屏幕。
语法
<body background="文件链接地址" bgproperties="背景图片固定属性">
解释：
文件地址可以是相对地址，就是从自己电脑上获取图片，也可以是从网站找图片。
bgproperties属性可以不要，但如果bgproperties属性设置为fixed时，当滚动页面时，背景图片也会跟着滚动。
4、链接文字属性
语法
<body link="颜色代码">
5、设置边距
语法：
<body topmargin="上边距" leftmargin="左边距">
解释：
默认情况下，边距的值是以像素为单位的