整理html5基础笔记一，网页的骨架介绍，标签介绍，标签之标题介绍。
目录
整理html5基础笔记一，网页的骨架介绍，标签介绍，标签之标题介绍。
一，HTM5简介
1，html5 是用来描述网页的一种语言，被称作为超文本语言。后缀以html结尾。 2，html是一个标记语言，标记语言是有一套标签，标签有尖括号包围。 3，html5就是有一堆标签构成，组成的超文本语言，能展示在浏览器上。
二，网页的骨架
<!DOCTYPE html> <!--这个是声明，我们这个是html格式，避免在不同浏览器出现各种怪异情况 doc tyoe 文档类型 html 超文本语言-->
<html lang="ch"> <!--标签的开始点，lang语言 为中文 如果是英文则是zh-->
<head> <!--头部标签的开始点-->
<meta charset="UTF-8"> <!--head的子标签，meta是单标签，用来表述文档的属性和关键字，比如我们用来指定编码格式 utf-8-->
<title>自定义标题内容</title> <!--头部标题-->
</head> <!--头部标签的结束点-->
<body> <!--主体标签的开始点-->
我的第一个网页 <!--网页里面的内容-->
</body> <!--主体标签的结束点-->
</html> <!--标签的结束点-->1，最上面一行《DOCTYPE html》。全称 doc type html 翻译过来就是文档类型 html超文本语言类型。声明在最上面一行，是为了避免在不同浏览器出现各种怪异情况等问题。
2，第二行，html 是表示这个是网页的开始点 lang=“ch” 是标签的开始点 lang，翻译过来是语言，中文的意思。 如果是英文后面跟上zh。
补充：
html标签 <html> 开始 </html> 结束 定义html文档，这个元素我们浏览器看到之后就明白这个是html超文本语言文档，所以我们的全部元素都要包括在里面。 <html> 文档的开始点，</html> 文档的结束点 。 <html lang="en">向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english。 你的页面如果是中文页面，可将其改为<html lang="zh">zh即表示中文
3，head，翻译过来是头部的意思。这也就是头部的标签开始点。
补充：head标签用于定义文档的头部，文档的头部描述了文档的各种属性和信息，包括文档的标题，在web中的位置以及和其他文档之间的关系，绝大多数文档头部包含的数据 都不会真正的作为内容显示给读者
4，meta是单标签。用来表述文档的属性和关键字。这里是用来表述我们的编码格式，utf8。
5，title，翻译过来就是头部。title是双标签，这里是用来作为我们的标题
6，斜杠head，表示这是头部标签的结束点
7，body，这是身体部分，也就是主体标签。我们网页的所有主题内容都会写在这个里面。
8，/body。这是身体的结束点。
9，斜杠html 表示是网页的结束点。
以上就是网页基本骨架。
三，标签。
标签分为单标签，和双标签。
单标签:<> 常用的但标签有img，input等
双标签:<> </> 绝大部分的标签通常都是双标签结构
四，标签之标题
标签分为h1到h6 六种格式，从大到小 align。是设置标题位置 居中 靠左 靠右等
具体见代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题之标签</title>
</head>
<body>
<!--标签分为h1到h6 六种格式，从大到小 align 是设置标题位置 居中 靠左 靠右等 -->
<h1 align="center">一级标题</h1>
<h2 align="left">二级标题</h2>
<h3 align="right">三级标题</h3>
<h4 align="center">四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>运行之后的效果如下：
可以看到不同的标题大小是不同的，而且位置跟着aligen变化而变化。
补充：
1，快捷键：输入 h$*6 按tab键 会自动生成6个标题格式 2，正确使用标题，标题不仅仅四为了生成粗体或者大号的文本而使用标题 正确的标题有益于SEO 3，应该将h1 作为主标题（最重要） 其次h2（次重要） 最后在h3 依次类推 4，在标签中加入属性。调整标签位置 默认是左上 align 使对齐 默认是left 左边 align=’left‘ center剧中 right左边 5，在标签开始点 里面插入的内容都是他的属性 例如 <h1 align='center'>一级标题</h1>
250
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
