vlambda博客
学习文章列表

HTML5笔记003 - 第03章 基本标签

第03章 基本标签


3.1 HTML结构

<!DOCTYPE html><html> <head> </head> <body> </body></html>
 <!DOCTYPE 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标签唯一的作用就是定义网页的标题<!DOCTYPE html><html> <head> <title>好好学习,天天向上</title> </head> <body> </body></html>
2、<meta>标签<meta>标签一般用于定义页面的特殊信息,例如页面关键字、页面描述等。<meta>标签的两个属性:name属性:keywords网页的关键字、description网页的描述信息、author网页的作者、copyright版权信息http-equiv属性:定义网页所使用的编码;定义网页自动刷新跳转时间;# 使用meta的http-equiv属性实现当前页面在6秒后会自动跳转到指定页面<!DOCTYPE html><html> <head> <meta http-equiv="refresh" content="6;url=http://www.baidu.com"/> </head> <body> </body></html># 避免出现乱码,使用下面代码<!DOCTYPE html><html> <head> <meta charset="utf-8"/> </head> <body> </body></html>
3、style标签:<style></style>style标签用于定义元素的CSS样式<!DOCTYPE html><html> <head> <style type="text/css"> /*这里写CSS样式*/</style> </head> <body> </body></html>
4、script标签:<script></script>在HTML中,script标签用于定义页面的JavaScript代码,也可以从外部导入JavaScript文件。<!DOCTYPE html><html> <head> <script type="text/javascript"> /*这里写javascript代码*/</script> </head> <body> </body></html>
5、link标签:<link>link标签用于引入外部样式文件(CSS文件)<!DOCTYPE html><html> <head> <link type="text/css" rel="stylesheet" href="css/index.css"> </head> <body> </body></html>


3.3 body标签

body标签:<body>主体内容</body># body标签表示页面的身体
<!DOCTYPE html><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注释

 注释标签:<!--注释的内容--> 注释标签:浏览器遇到注释标签会自动跳过,不会显示注释标签中的内容。 语法: <!--注释的内容--> <!--表示注释的开始 -->表示注释的结束
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>注释标签</title> </head> <body> <h3>静夜思</h3> <!--标题标签--> <p>床前明月光,疑是地上霜。</p> <!--文本标签--> <p>举头望明月,低头思故乡。</p> <!--文本标签--> </body></html>