head标签
首先理解html的根本构造
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
一般来说只有六个标签能够应用在head标签中,其余的都在body标签中
1. title
2. meta
3. link
4. style
5. script
6. base
一、title标签
设置网页的题目
<!DOCTYPE html>
<html>
<head>
<title>这是一个题目</title>
</head>
<body>
</body>
</html>
显示在最上方
二、meta标签
用于定义页面的非凡信息
在meta中有两个重要的属性:name和http-equiv.
1、name
<!DOCTYPE html>
<html>
<head>
<!---->
<!--关键字-->
<meta name="keywords" content="keywords" />
<!--页面形容-->
<meta name="description" content="开心的学习HTML" />
<!--作者-->
<meta name="author" content="YapMiracle" />
<!--版权申明-->
<meta name="copyright" content="不可剽窃" />
</head>
<body>
</body>
</html>
只须要记住keywords,和description这两个就够了
2、http-equiv
他次要有两个作用:定义网页所应用的编码;定义网页主动刷新跳转。
1、比方定义编码是UTF-8:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
为了确保关上的页面不呈现乱码,最好都加上
2、定义网页主动刷新跳转。
<!DOCTYPE html>
<html>
<head>
<!---->
<!--关键字-->
<meta name="keywords" content="keywords" />
<!--页面形容-->
<meta name="description" content="开心的学习HTML" />
<!--作者-->
<meta name="author" content="YapMiracle" />
<!--版权申明-->
<meta name="copyright" content="不可剽窃" />
<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/>
</head>
<body>
<p>在六秒后跳转到百度页面</p>
</body>
</html>
这段代码定义了一个6秒后跳转到百度页面的性能,其实很多广告就是这样子设计的。
三、link标签
在HTML中,link标签用于引入内部款式文件(CSS文件)。我这里是借鉴了其余中央的代码,我也还没有学到这个中央。
语法:
<!DOCTYPE html>
<html >
<head>
<link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
</body>
</html>
四、style标签
在HTML中,style标签用于定义元素的CSS款式,在HTML中不须要深入研究.我这里也是借鉴了其余中央的代码,我也还没有学到这个中央。
语法:
<!DOCTYPE html>
<html >
<head>
<style type="text/css">
/*这里写CSS款式*/
</style>
</head>
<body>
</body>
</html>
五、script标签
在HTML中,script标签用于定义页面的JavaScript代码,也能够引入内部JavaScript文件。在JavaScript局部中会学习到,我这里是借鉴了其余中央的代码,我也还没有学到这个中央。
语法:
<!DOCTYPE html>
<html >
<head>
<script>
/*这里写JavaScript代码*/
</script>
</head>
<body>
</body>
</html>
六、base标签
这个标签一点意义都没有,能够间接疏忽,晓得有这么一个标签就行了。