共计 1728 个字符,预计需要花费 5 分钟才能阅读完成。
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 标签
这个标签一点意义都没有,能够间接疏忽,晓得有这么一个标签就行了。
正文完