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标签
这个标签一点意义都没有,可以直接忽略,知道有这么一个标签就行了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。