1.环境安装
市面上常用的开发工具有:Dreamweaver、SublimeText、WebStorm、Hbuilder、Visual Studio Code
本人用的是Visual Studio Code 下载链接
2.HTML骨架标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>(1)<!DOCTYPE html>
定义:DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器；
作用:声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
(2)<html lang="en">
lang="en":说明整个文档使用的是什么语言 默认不改 不写也不会报错
参数:
en:使用的是英文
fr:法语
zh:中文
zh-CH:中文简体
ja:日语
lang有什么作用：样式 SED(搜素引擎的优化)
样式：没有给一些样式（字体样式-仿宋 宋体 隶书）.浏览器就会使用默认的一些样式需要给浏览器提供lang语言，让浏览器使用对应语言的默认样式
SEP(搜素引擎的优化)：百度---搜素引擎。搜素引擎在搜素网站页面的时候，需要知道网站适用的国家、地区更好的去使用你想要的页面
(3)<head>
head:元信息 不需要展示在页面上的控制信息 meta title
(4)<meta charset="UTF-8">
charset="UTF-8":设置字符集
计算机不能够识别人类的语言 只能识别机器语言 二进制编码
Unicode:计算机领域中的一种规范，将每一种语言的每一个字符都制定了统一且唯一的二进制编码
UTF-8：能够表示Unicode中的任意字符
GB2312：中文简体
GBK：兼容了GB2312，包含所有中文
BIG5：繁体中文
(5)<meta http-equiv="X-UA-Compatible" content="IE=edge"
IE.按照最高版本 11===EDGE
(6)<meta name="viewport" content="width=device-width, initial-scale=1.0">
移动端相关
3.HTML标签分类
在HTML页面中，带有“<>”符号的元素被称为HTML标签，如<html>、<body>都是HTML标签。
(1)双标签
语法：<标签名>内容</标签名>
语法中“<标签名>”表示该标签的作用开始，一般称为开始标(start tab),“</标签名>”表示该标签的作用结束，一般称为结束标签。 例子:
<div>我是div</div>双标签可嵌套标签或者内容
(2)单标签
语法：<标签名 />
单标签也称为空标签，是指用一个标签符号即可完整的描述某个功能的标签。例子:0
<br /> ==> <br>
<hr />单标签只能有属性，不能嵌套其他标签及内容
4.HTML标签关系
标签的相互关系就分为两种：
(1)嵌套关系：父子关系
<head>
<title></title>
</head>(2)并列关系：兄弟关系
<head></head>
<body></body>
366
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
