head标签演示代码：
注：<!-- 和 -->之间的内容为HTML注释。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- 设置页面文字编码 -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- 设置本地浏览器缓冲方式 -->
<meta http-equiv="cache-control" content="no-cache" />
<!-- 设置本地浏览器当前页面缓冲时间 -->
<meta http-equiv="expires" content="0" />
<!-- 设置当前页面搜索关键词 -->
<meta http-equiv="keywords" content="HTML 学习 head标签" />
<!-- 设置当前页面搜索摘要 -->
<meta http-equiv="description" content="HTML head标签学习" />
<!-- 设置多久后刷新该页面及页面跳转目标 -->
<meta http-equiv="refresh" content="20; url=http://www.baidu.com" />
<!-- 设置页面标题图片 -->
<link href="/.images/title.ico" mce_href=".images/title.ico" rel="shortcut icon" />
<!-- 设置页面标题 -->
<title>head元素</title>
</head>
</html>
上面的代码展示了如何在 head 元素中设置页面的一些属性，可以看到，主要使用了三类标签：
meta：用于指定 HTML 文档的一些附加属性；
link：用于向当前的html文档引入其它文件 (外部文件) ；
title：用于指定当前html文档的标题。
通过范例，我们可以学习到：
meta标签具有两个重要的属性：http-equiv属性和content属性，前者表示一个命令，后者表示该和命令相对应的参数内容。
content-type命令可以指定HTML文档显示时使用的字符集（第5行）；参数：text/html;
gb2312表示网页是HTML格式的纯文本，使用gb2312编码来编码的。这是一句最常用的控制语句，几乎每个页面都要声明。
cache-control命令用来设置浏览器缓冲特性；参数：no-cache表示当前页面无需被浏览器缓冲（第7行）。一般对于动态页面（即页面由服务器动态生成）都要关闭页面的缓冲，以防止浏览器从缓冲而不是服务器加载被更新的页面。
expires命令经常和cache-control命令配合使用（第8行）；参数为一个正整数，表示页面如果被浏览器缓
在网页制作中，我们常常会使用到表格，表格使得需要表达的信息更清楚，明了。
<table border="1" cellspacing="0" bordercolor="#000000" width = "80%">
<tr>
<td>1.1</td>
&n ......
