设定网页关键字、设定网页描述信息、设定网页自动刷新、设定网页自动跳转、设定网页自动跳转、设置网页链接文字颜色、设置网页边距、段落标记、水平线标记
1、设定网页关键字：keywords表示关键字设置项目，content中设置具体的关键字，不同的关键字使用逗号分隔。
<meta name="keywords" content="关键字1，关键字2，..." />
例：
<html>
<head>
<title>设定网页关键字</title>
<meta name="keywords" content="关键字,Brackets,html,css,javascript" />
</head>
<body>
</body>
</html>
2、设定网页描述信息：当页面发布到Internet上后，在搜索引擎中搜索输入关键字搜索相应的页面，返回中结果中最上面显示的是页面的title，下面显示的是网页的描述信息，可以根据页面的title和描述信息确定要找的页面。
<meta name="description" content="网页描述信息" />
例：
<html>
<head>
<title>设定网页描述信息</title>
<meta name="description" content="本节内容学习HTML，CSS，Javascript，通过Brackets软件展示" />
</head>
<body>
</body>
</html>
3、设定网页自动刷新：refresh表示刷新功能，content用于设定刷新间隔的时间，单位是秒。
<meta name="refresh" content="刷新时间间隔" />
例：
<html>
<head>
<title>设定网页自动刷新</title>
<meta http-equiv="content-type" content="text/html; charset=gb2132" />
<meta http-equiv="refresh" content="3" />
</head>
<body>
页面每三秒刷新一次
</body>
</html>
4、设定网页自动跳转：refresh表示刷新功能，content用于设定刷新间隔的时间，单位是秒，url指定跳转的地址。
<meta name="refresh" content="刷新时间间隔; url=页面地址" />
例：
<html>
<head>
<title>设定网页自动跳转</title>
<meta http-equiv="content-type" content="text/html; charset=uft-8" />
<meta http-equiv="refresh" content="3; url=http://www.sina.com.cn" />
</head>
<body>
<p>本页面3秒后自动跳转到新浪网</p>
</body>
</html>
5、设置网页链接文字颜色：
- link：设置未访问状态下的链接文字颜色；
- alink: 设置正在访问状态下的链接文字颜色；
- vlink: 设置访问过后状态下的链接文字颜色。
<body link="颜色值" vlink="颜色值" alink="颜色值">...</body>
例：
<!DOCTYPE html>
<html>
<head>
<title>设置网页链接文字颜色</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body link="#0011FF" alink="#00FF00" vlink="#FF0000" align="center">
<h2>设定不同的网页链接颜色</h2>
<hr />
<p><a href="https://www.qq.com">QQ网页链接</a></p>
<a href="https://y.qq.com/download/download.html">QQ音乐网页链接</a>
<p><a href="http://tv.cctv.com/lm/xwzk">CCTV网页链接</a></p>
</body>
</html>
6、设置网页边距：
- leftmargin：设置页面内容与浏览器左边框的间距；
- rightmargin：设置页面内容与浏览器右边框的间距；
- topmargin：设置页面内容与浏览器上边框的间距；
- bottommargin：设置页面内容与浏览器底边框的间距；
边距值以像素为单位，默认边距大致是8个像素，
如果是从上往下左对齐的文本一般取决于左边框和上边框的间距。
<body leftmargin="边距值" rightmargin="边距值" topmargin="边距值" bottommargin="边距值">...</body>
例4：
<!DOCTYPE html>
<html>
<head>
<title>设置网页边距</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body leftmargin="50" rightmargin="100" topmargin="100" bottommargin="100">
<p>页面上边距为100个像素，下边距为100个像素</p>
<p>页面左边距为50个像素，右边距为400个像素</p>
</body>
</html>
7、段落标记：
在HTML中既可以使用单标记也可以使用双标记；但在XHTML中只能使用双标记。
单标记和双标记的相同点是：
都能创建一个段落。
单标记和双标记的不同点是：
单标记创建的段落会跟上文产生一行的间隔，
而双标记创建的段落则与上下文同时有一空行的间隔，
段落标记也具有对齐属性，对齐方式分别可以取left，center，right，默认左对齐。
<p align="对齐方式">段落内容</p>
或
<p align="对齐方式">段落内容
例：
<!DOCTYPE html>
<html>
<head>
<title>设置段落标记</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
普通内容
<p>双标记段落的内容</p>
普通内容
<p>标记段落的内容
普通内容
<hr>
<p align="left">居左对齐</p>
<p align="center">居中对齐</p>
<p align="right">居右对齐</p>
<p align="left">居左对齐
<p align="center">居中对齐
<p align="right">居右对齐
</body>
</html>
8、水平线标记：
默认情况下，< hr/>标记产生的是一条占满整个窗口的带阴影的空心立体效果的水平线。
基本语法：
<hr 属性/>| 属性值 | 描述 |
| width | 设置水平线宽度，单位为像素或浏览器窗口的百分比 |
| size | 设置水平线高度，单位为像素 |
| align | 设置水平线相当于浏览器窗口的水平对齐方式，可以取left，center，right，默认居中对齐 |
| noshade | 设置水平线为实心的不带阴影 |
| color | 设置水平线颜色，显示颜色时水平线将显示为实心效果，默认为空心灰色 |
例：
<!DOCTYPE html>
<html>
<head>
<title>设置标题字及其对齐方式</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<p>默认水平线</p>
<hr/>
<p>水平线宽度为100像素</p>
<hr width="100" />
<p>水平线宽度为500像素</p>
<hr width="500" />
<p>水平线宽度为浏览器窗口的50%</p>
<hr width="50%" />
<p>水平线宽度为浏览器窗口的100%</p>
<hr width="100%" />
<p>水平线高度为10像素</p>
<hr size="10">
<p>水平线高度为20像素</p>
<hr size="20">
<p>水平线居左对齐</p>
<hr width="500" align="left"/>
<p>水平线居中对齐</p>
<hr width="500" align="center"/>
<p>水平线居右对齐</p>
<hr width="500" align="right"/>
<p>水平线高度为20像素且实心不带阴影</p>
<hr size="20" noshade/>
<p>水平线高度为20像素且颜色为红色</p>
<hr size="20" color="red"/>
<p>水平线高度为20像素且颜色为蓝色</p>
<hr size="20" color="blue"/>
<p>水平线高度为20像素且颜色为橙色</p>
<hr size="20" color="orange"/>
</body>
</html>
