1.什么是HTML,CSS
是做网站的编程语言
浏览器把代码解析后的样子就是我们看到的网站，如何看到网站的原始代码呢？通过鼠标右键选择查看网页源代码
如何写代码？写到哪里？
一个网站是有n个网页组成的。每一个网页就是.html文件
HTML 是什么？
htyper text markup language 即超文本标记语言。
超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
标记语言: 标记（标签）构成的语言。
什么是标签:
- 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头.
- 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.
- 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体.
- 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/>
- 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>
标签的属性:
- 通常是以键值对形式出现的. 例如 name="nick"
- 属性只能出现在开始标签 或 自闭和标签中.
- 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="nick"
- 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly
2.VSCode
如何安装插件？语言包，open in browser,view in browser
学习编辑器的基本使用
保存：ctrl+s
创建文件/文件夹，重命名，删除，搜索
shif+end：从头选中一行
shif+home：从尾选中一行
shif+alt+↓：快速复制一行
alt+↑或↓：快速选中一行
tab：向后缩进
tab+shif：向前缩进
alt+鼠标主键：多光标
ctrl+d：选择相同元素的下一个
3.深入了解网站开发
ui设计师：设计稿
web前端开发工程师（H5开发）
设计稿->代码
数据库里的数据->显示到页面
HTML+CSS
HTML:结构
CSS:样式
web后端开发工程师
4.web三大核心技术：
HTML
CSS
JavaScript
5.HTML基本结构和属性
HTML：超文本 标记 语言
超文本：文本内容，非文本内容（图片，视频，音频等）
标记：<单词>
语言：编程语言
标记也叫标签
<header>
<footer>
写法分成俩种：
单标签<header>
双标签<header></header>
创建标签的快捷键：单词+tab -> <单词>
标签是可以上下排列或组合嵌套
HTML常见标签：http://www.html5star.com/manual/html5label-meaning/
标签的属性：来修饰标签的，设置当前标签的一些功能
<标签 属性="值" 属性2="值2”>
6.HTML初始代码
每个.html文件都有的代码叫做初始代码，要符合html文件的规范写法
！+tab键：快速的创建html的初始代码(英文的感叹号)
<!DOCTYPE html> 声明文档：告诉浏览器这是一个html文件
<html lang="en"> html文件的最外层标签：包裹着所有html标签代码 lang="en" 表示是一个英文网站；lang=“zh-CN" 表示是一个中文网站
<head>
<meta charset="UTF-8"> 元信息：是编写网页中的一些辅助信息，charset="UTF-8" 国际编码，让网页不出现乱码的情况
<title>Document</title> 设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>