1 HTML语言的发展
1.网页的组成
- 文字内容、文本 => 结构=> html 人的骨架 W3C
- 文本大小 文本颜色 => 表现=> css 人的衣服 W3C
- 点击可以发生跳转 => 行为=> js 人的行为 ECMA
（1）W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构；是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准；
（2）ECMA：欧洲电脑网商联合会（厂商协会），制定了行为标准；
2.HTML5的发展
- 一部分组织成员觉得语言的发展需要从开发者角度考虑 语言的严谨性=>XHTML
- 一部分组织成员觉得语言的发展需要从用户的角度考虑 用户的体验=>HTML5草案
- HTML5发布的时间是2014年
2 HTML语言的解释以及站点的创建
1.HTML语言的解释
- HTML的中文解释：超文本标记语言
- 超：超越正常的一种情况
- 文本：泛指 指的是网页中的所有内容
- 标记: 占坑的行为
- 语言：规范
总结: 超越正常的网页的布局(从左到右 从上至下)
- 网页的文件后缀名要是.html
- HTML语言就是用来实现布局的
2.设置文件的后缀名显示出来
- win7 工具-文件夹选项-查看-去掉 隐藏已知文件的拓展名
- win10
3.建立站点 - 整合资源
- 代码写好了之后要干嘛？ 上线 => 服务器解析代码的时候是有顺序
- 在本地写代码也是需要规范的
- 需要在本地建立站点(文件夹) 存放文件 让文件看起来很整洁
- 如何创建
- html+css+js
- html文件夹 - 布局文件
- css文件夹 - 样式文件
- js文件夹 - 行为文件
- 图片资源、音视频资源 - images文件夹
- 命名规范
- 小写英文字母、数字、下划线的组合，
- 其中不得包含汉字、空格和特殊字符；
- 必须以英文字母开头。
- sheng_ping
- 大驼峰 ShengPing
- 小驼峰 shengPing
3 基础结构的代码解释
1.如何把文件导入到编辑器中
- 点击打开文件夹
- 直接选中拖动文件进去文件夹中(vscode的编辑区域)
2.编辑器中创建文件的方式
- 找到相应的文件夹 右键创建文件即可
3.基础结构代码的编写
- 浏览器相当于一个人,分为head和body
- 生成基础结构的方法(将输入法切换成英文状态)
①按shift+1 会生成一个感叹号 回车
②输入html:5 回车
4.浏览器和编辑器的一些基本设置(重启编辑器)
- 第一个插件 可以在编辑器中直接打开浏览器 open in browser 鼠标右键点击
- 第二个插件 可以在编辑器中直接打开浏览器 view in browser 需要在文件名称上右键点击
- 第三个插件 Live Server
- 第四个插件 编辑器进行汉译的插件 chinese
- 在浏览器中右键会有审查功能或F12
5.html语言的注释符号(提示程序员，程序员能看见，用户是看不见的一段文本）
注释文本写在符号<!-- -->的中间
- 单行注释 快捷键 ctrl+/
- 多行注释 快捷键 ctrl+/
- 部分注释 alt+shift+a
6.基础结构的代码解释
4 HTML标签
1.双标签/常规标签（标签还可称作标记，元素）
- <标签的名称 属性1="属性值1" 属性2="属性值2"></标签的名称>
2.单标签/空标签
- <标签的名称/>
- 在尖角符号后面的第一个英文单词就是标记的名称,标记还可以称为标签或者元素
- 双标签又开始也有结束 并且结束的标签需要加反斜杠不可以省略
- 单标签只有结束 并且结束标签的反斜杠是可以省略不写的
- 在标签名称后面有一个空格 空格后面都是标签的属性(描述这个标签) 必须要有属性值
- 属性和属性值之间需要用等号相连,属性值需要用引号引起来
- 表示一个标签有多个属性的时候 再后面继续空格书写即可
- 如果一个标签有多个属性的时候 属性是不区分前后顺序的
案例: 胜平同学身高180cm 体重180kg
- 双标签 <胜平同学 身高="180cm" 体重="180kg"></胜平同学>
- 单标签 <胜平同学 身高="180cm" 体重="180kg"/>
注意:这样的写法虽然是符合HTML语言的写法 但是计算机是不能识别的
写标签必须要写复合计算机要求的语言标签
