HTML5笔记003 - 第03章 基本标签
Posted 测试工匠麻辣烫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5笔记003 - 第03章 基本标签相关的知识，希望对你有一定的参考价值。
第03章 基本标签
3.1 html结构
<html><head></head><body></body></html>
：是一个文档声明，表示这是一个HTML页面。<html></html>：告诉浏览器，这个页面从<html>开始到</html>结束。<head></head>：网页的头部，定义一些特殊的内容，如页面标题等。<body></body>：网页的身体，大部分代码都在这个标签对内部编写。
3.2 head标签
在HTML中，一般来说，只有6个标签能放在head标签内。分别是title、meta、link、style、script、base
1、标题标签：<title></title>title标签唯一的作用就是定义网页的标题<html><head><title>好好学习，天天向上</title></head><body></body></html>
2、<meta>标签<meta>标签一般用于定义页面的特殊信息，例如页面关键字、页面描述等。<meta>标签的两个属性：name属性：keywords网页的关键字、description网页的描述信息、author网页的作者、copyright版权信息http-equiv属性：定义网页所使用的编码；定义网页自动刷新跳转时间；# 使用meta的http-equiv属性实现当前页面在6秒后会自动跳转到指定页面<html><head><meta http-equiv="refresh" content="6;url=http://www.baidu.com"/></head><body></body></html># 避免出现乱码，使用下面代码<html><head><meta charset="utf-8"/></head><body></body></html>
3、style标签:<style></style>style标签用于定义元素的CSS样式<html><head><style type="text/css">/*这里写CSS样式*/</style></head><body></body></html>
4、script标签:<script></script>在HTML中，script标签用于定义页面的javascript代码，也可以从外部导入JavaScript文件。<html><head><script type="text/javascript">/*这里写javascript代码*/</script></head><body></body></html>
5、link标签:<link>link标签用于引入外部样式文件(CSS文件)<html><head><link type="text/css" rel="stylesheet" href="css/index.css"></head><body></body></html>
3.3 body标签
body标签：<body>主体内容</body># body标签表示页面的身体<html><head><meta charset="utf-8" /><title>body标签</title></head><body><h3>静夜思</h3><p>床前明月光，疑是地上霜。</p><p>举头望明月，低头思故乡。</p></body></html>分析代码：<meta charset="utf-8" /> 是防止页面出现乱码，放在<title>标签之前。<h3></h3> 是一个第3级标题标签<p></p> 是一个段落标签
3.4 HTML注释
注释标签：<!--注释的内容-->注释标签：浏览器遇到注释标签会自动跳过，不会显示注释标签中的内容。语法：<!--注释的内容--><!--表示注释的开始-->表示注释的结束
<html><head><meta charset="utf-8" /><title>注释标签</title></head><body><h3>静夜思</h3> <!--标题标签--><p>床前明月光，疑是地上霜。</p> <!--文本标签--><p>举头望明月，低头思故乡。</p> <!--文本标签--></body></html>
以上是关于HTML5笔记003 - 第03章 基本标签的主要内容，如果未能解决你的问题，请参考以下文章