<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>
1、title
HTML <title> 元素
<title> 标签定义文档的标题。
title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够：
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题
如：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
2、HTML <base> 元素
<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
如：下面的链接<a> 中的href为空，但是可以直接访问空间，因为在head中的base已经设置了默认url；
<!DOCTYPE html>
<html lang="en">
<head >
<meta charset="UTF-8">
<base href="https://user.qzone.qq.com" />
<base target="_blank"/>
</head>
<body background="2.jpg" >
<p><a href="" target="_blank"> lalalalala</a></p>
</body>
</html>
3、HTML <link> 元素
<link> 标签定义文档与外部资源之间的关系。
<link> 标签最常用于连接样式表
相当于c的include 和java的import
下面导入mystyle.css
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
4、HTML <style> 元素
<style> 标签用于为 HTML 文档定义样式信息。
您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
在前面我用style设置了div展示的样式，那是用于div块，而这里是用在了某个标签中如body 中设置了背景颜色，p设置了字体颜色等
