<base></base>：默认链接
使用在头部的标签
base标签为页面上所有链接 指定 默认链接或 默认目标
使用base标签后，浏览器将不在使用当前文档的url ，而使用指定url来解析所有文档中其他标签的url
这其中包括<a>，<img>，<link>，<form>标签中的url
下图a标签与img标签与base标签拼接成 https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26
如果a标签的href与img的src属性没有值将指向https://ss0.bdstatic.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<base href="https://ss0.bdstatic.com" />
<title>我是一个标题</title>
</head>
<body>
<img src="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26"/>
<a href="/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1454783519,2870582753&fm=26">陈一发</a>
</body>
</html>
<title></title>:头部标题标签
使用在头部的标签
title元素可定义文档的标题，浏览器会把它显示在标题栏或状态栏上
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是一个标题</title>
</head>
<body>
</body>
</html>
<script></script>:脚本标签
头部与主体都可以使用的标签
script用于定义客户端脚本，比如javascript
script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件，必须的type属性规定脚本的mime类型
常见的MIME类型：
超文本标记语言文本 .html,.html text/html
普通文本 .txt text/plain
RTF文本 .rtf application/rtf
GIF图形 .gif image/gif
JPEG图形 .jpeg,.jpg image/jpeg
au声音文件 .au audio/basic
MIDI音乐文件 mid,.midi audio/midi,audio/x-midi
RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
AVI文件 .avi video/x-msvideo
GZIP文件 .gz application/x-gzip
TAR文件 .tar application/x-tar
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是一个标题</title>
<script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script> </head> <body> <script type="text/javascript">document.write("<h1>我是一个js脚本</h1>")</script> </body> </html>
<style></style>:样式风格标签
头部使用的标签
style标签为html文档定义样式信息
在style中 可以规定在浏览器中如何呈现html文档
type属性是必须的，定义sty元素属性的内容 唯一可能的值是text/css
text/css 是文本样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
h1{color: red;} p{color: blue;} a{color: black;} </style> <title>我是一个标题</title> </head> <body> <p>我是蓝色的</p> <a>我是黑色的</a> <h1>我是红色的</h1> </body> </html>
<link></link>:外部资源标签
link标签定义文档与外部资源的关系
link标签最常见的用途是链接样式表
css/css1.css是在css目录下新建的一个.css文件
里面定义了p标签的背景样式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
h1{color: red;} p{color: blue;} a{color: black;} </style> <link rel="stylesheet" type="text/css" href="css/css1.css"/> <title>我是一个标题</title> </head> <body> <p>我是蓝色的,但是背景是黄色的</p> <a>我是黑色的</a> <h1>我是红色的</h1> </body> </html>