一，基础标签
1）项目文件组织形式；
首页：index.html
子页面放进html文件夹，
css文件放进css文件夹
JS文件放进JS文件夹
图片放进images文件夹
库以及其他文件放进lib文件夹
2）标签的分类
标签按照功能可以分为以下几类；
基础标签、格式标签、表单标签、框架标签、图像标签、音频标签、视频标签、链接标签、列表标签、表格标签等，
3）基础标签
1）HTML标签
HTML标签定义了HTML文档，告诉浏览器这个文档是HTML文档，所以所有标签都要包含到html标签内部，html标签限制了文档的开始和结束，html中包含head（文档头）和body（文档内容）
lang="en":说明文档是英文的语言，
lang="zh-cn":说明文档是中文的语言，
2)<head></head>:
定义文档头部，是头部的容器标签
head标签中的元素：引用脚本，指示浏览器找到样式表的元素，描述文档标题的元素，文档编码的元素，文档关键字描述的元素，描述文档位置以及文档与其他文档关系元素，是文档各种配置信息的集合，head中的内容不会展示给用户看，仅仅是给浏览器使用的信息。
head中可以使用的元素：
<meta>:源信息元素，
<title>：定义了标题头部样式
<link>：链接到一个外部样式表。
<script>:引入脚本
<style>:样式、风格
head标签必须写在html内容的第一个位置，在body之前或者frameset之前，一个文档必须有标题(title)必须有编码方式
在head标签中常会包含一些meta标签(元信息标签)，用于告诉
浏览器关于文档的附加信息，
3)<title>标签
1，定义文档标题
2，显示在浏览器窗口的标题栏或状态栏
3，当文档被用户添加到收藏夹或书签列表时，标题就是该文档的默认的名称，
4，title标签是head标签中唯一一个必须写包含的标签，也就是说head中必须写title，title必须写在head中，
5，title写的标题一般与网页有很大关系，有助于seo优化，
4）<meta>标签
meta元素可以提供页面相关的源信息(meta-informstion);
用来向浏览器或搜索引擎描述页面，比如关键词、描述等，只能写在head中，属于源信息标签
常见的meta标签：
(1)：服务器发送文件类型(文档的字符类型、文档的编码方式) <meta http-equiv="Content-Type"content="text/html;chars
et="UTF-8">http-equiv="Content-Type"：
服务器告诉浏览器下发的是一个什么文件类型
text/html：服务器告诉浏览器这是一个纯文本的html文件
charset="UTF-8":文档的编码方式是UTF-8
html5精简这句话为：<meta charset="UTF-8">
(2):告诉浏览器当前的关键字是什么；
关键字：搜索这些词语就能找到这个页面，
<meta name="keyword" content="">
name="keywords":说明这条源信息是页面的关键词
content=""：这里边的内容就是页面的关键词
(3):告诉浏览器引擎页面的描述是什么
<meta name="description" content="">
name="description":告诉浏览器这条元信息是页面描述
content=""：这里是页面描述的内容，这个内容将会显示在搜索引擎搜索到的词条里边，
5）<link>标签
link标签定义当前文档与外部文档资源之间的关系，最常见的是icon图标，css样式表文件链接
页面图标：
<link rel="icon" href="http://www.jd.com/favicon.ico">
样式表链接：
<link rel="stylesheet" href="css/01_css.css">
rel="":rel是relationship，关系、亲戚的意思，描述了当前文档引入资源的关系，eg：icon：说明链接的图片是当前文档的页面图标，
stylesheet：说明引入的文档是当前文档的样式表，
href="":href是hyper text reference缩写，
这是一个超文本地址，描述了被链接文件或资源的位置，
type=""：这个属性在H5中可以写也可以不写， type="text/css":纯文本的css文件，写了就不可以写错，所以建议不写
6）<script>标签
script标签用于定义客户端脚本，比如我们学习的javascript脚本语言，可以在script标签直接写，也可以链接外部脚本文件，可以写在 html文档的任何位置，可以写在head中，
(1)直接写脚本代码
<script>
alert("弹出警告框❤")
</script>
(2)引入外部js文件
<script src="js/01_js.js" type="text/javascript"></script>
注意：外部引入时，script标签开始结束标签之间不能写任何内容，不能换行，不能有空格，
src：外部js文件的地址
type：text/javascript纯文本文件，可以不写，写了就不能
写错。
7）<style>标签
style用于定义HTML文档的样式信息，在style标签中你可以自由定义，让浏览器如何解析你的标签，
<style>
body{
background-color: pink;
height: 500px;
}
</style>
type="text/css":可以不写，写了就不能写错。
8）<body>标签
定义文档主体的开始与结束，
用户可以看得见的东西都在body中，
常见属性background，bgcolor
background:用于定义body的背景图片，默认图片平铺
bgcolor：用于定义body的背景颜色
注意：这两个属性不建议使用，以后使用css样式实现这些效果，
9）h1-h6标签
定义文档标题，为文本添加标题，
常用属性：
align：文本对齐方式(默认居左)
left：居左
right：局右
center：居中
justify：两端对齐(多行文本可以看出来)
245
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
