关于学习
基础班目标
学习PC端网站布局
最终网站：品优购静态网站
目的：精通网页布局，为后面学习Javascript打下基础
HTML导读
网页的形成
前端人员开发代码—>浏览器显示代码（解析，渲染）—>生成最后的Web页面
常用浏览器
IE、火狐（FireFox）、谷歌（Chrome）、Safari和Opera
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
Web标准（重点）
W3C（万维网联盟）是国际最著名的标准化组织
面试常问问题
web标准的构成：结构、表现、行为
结构最重要（HTML）
HTML标签导读
开发工具 vscode
感叹号 +回车——形成骨架
ctrl+加号键 放大字体 ctrl+减号键 缩小字体
vscode 插件
chinese 简体 安装后重启， 可以将vscode变为中文的
注意：JS-CSS-HTML Formatter 不要安装，非常不好用
1. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是 开始标签，第二个标签是结束标签。
2. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。
3. HTML 文档的的后缀名必须是 .html 或 .htm
4. <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
5. <!DOCTYPE>不是一个 HTML 标签，它就是 文档类型声明标签。
6. 字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
7. 在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。 <meta charset=" UTF-8" />
8. <!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面.
9. <html lang=“en”> 告诉浏览器或者搜索引擎这是一个英文网站. 本页面采取英文来显示.
10. <meta charset=“ UTF-8” /> 必须写. 采取 UTF-8来保存文字. 如果不写就会乱码.具体原理后面分析
建议用中文zh-CN
标题标签
<h1> -<h6>
标签语义：作为标题使用，并且依据重要性递减。(随着数字的增大，字体大小减小)
特点：
加了标题的文字会变的加粗，字号也会依次变大。
一个标题独占一行
标签用于定义段落
<p>
<p> 我是一个段落标签 </p>
标签语义：可以把 HTML 文档分割为若干段落。
特点：
文本在一个段落中会根据浏览器窗口的大小自动换行。
段落和段落之间保有空隙。
换行标签
<br />（单标签）
标签语义：强制换行。
特点：
<br /> 是个单标签。
<br /> 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距，间距比段落标签<p>小。
图像标签和路径（重点）
一般宽度和高度，只需要修改一个，另一个让它等比例缩放
（一般后面3个会用css来设置）
图像标签属性注意点：
① 图像标签可以拥有多个属性，必须写在标签名的后面。
② 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
③ 属性采取键值对的格式，即 key=“value” 的格式，属性 =“属性值”。
目录文件夹
：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如 html 文件、图片等。
根目录
：打开目录文件夹的第一层就是根目录