Html阶段
什么是网页？
网页是指在因特网根据一定的规则展示特定内容的数据，就是html文件;
网页的构成：
图片，文字 ，超链接，声音，视频 等元素组成
什么HTML？（重点）
超文本标记语言，不是编程语言， 是用来描述网页的一种语言，是以标签格式组成的一种标记语言
网页形成的过程
前端人员开发代码 --- 浏览器显示代码（解析、渲染）---- 生成web页面
浏览器和浏览器内核（记住）
常见的浏览器内核和常见5大浏览器
IE内核：Trident 火狐内核： Gecko
苹果内核：Webkit 谷歌/欧朋：Blink
内核的作用：读取网页的内容；
注意：实际开发中移动端的浏览器使用的内核都是Webkit
web标准
web标准： web标准是由W3C组织和其他标准化组织制定的一系列标准的集合
为什么需要web标准？
由于浏览器的内核不同，解析代码时候可能会不统一，我们可以通过web标准规范各大浏览器的解析规范，达到元素最终显示的样式统一；
web标准的组成（死记硬背）
结构标准 html
表现标准（样式标准） css
行为标准 javascript
HTML语法规范
HTML标签是由尖括号<>包围的关键字
标签的分类
HTML标签通常有双标签和单标签两种
成对出现的 --- 称为双标签 ,一个开始标签 一个结束标签; 例如：<html></html>
单独出现的 --- 称为单标签，只有开始标签没有结束标签；例如：<br />
标签关系：
分为包含关系和并列关系
包含关系（父子关系）:有父子级嵌套关系的盒子
并列关系（兄弟关系）:并列的兄弟关系；
Html基本结构
一对html标签嵌套了head和body标签，head里面的内容是给浏览器解析看的，除了title标签是用户看可以看见的，body标签里面的内容是给用户看的
<html>
<head>
<title>标题</title>
</head>
<body>
页面内容
</body>
<html>
VS Code的使用
开发中的步骤
第一步 下载软件安装插件
第二步 每一个下项目都要新建一个项目文件夹，然后再去软件中 文件 --- 打开文件夹 --- 这样就打开了一个新的项目
第三步 新建文件 ： 点击加号 + 就可以，主要：html的结束是.html
常用操作
保存 Ctrl+S ，必须保存为.html文件
Ctrl+加号，Ctrl+减号可以缩放视图
生成骨架:英文输入！按下Tab键即可；
标签语义化解释
标签的语义：在合适的地方给个最合理的标签可以让页面结构更加清晰，有利于后期的网站维护和SEO优化
标题标签H （记住）
标题标签从h1-h6 标题使用 并且依据重要性递减
标题标签默认是加粗的，文字大小后期可以用css控制
注意：标题标签在使用的时候，h1标签一个页面最好只能出现一次，并且只放网站logo，h2标签最好一个页面最多出现两次，主要放权重高的标题；h3~h6标签可以随意使用；
<h1>标题标签级别1</h1>
<h2>标题标签级别2</h2>
<h3>标题标签级别3</h3>
<h4>标题标签级别4</h4>
<h5>标题标签级别5</h5>
<h6>标题标签级别6</h6>
段落p和换行标签br
段落标签是p标签 根据文档分成若干个段落，可以自动换行，两个标签之间有间隙；
换行标签br：强制换行，换行的两行之间的缝隙较小；
关于浏览器对回车换行和空格的解析
在书写html代码的时候没如果我们敲空格不管敲多少空格，最后浏览器只给我们解析为1个空格，如果敲回车换行浏览器不会出现换行效果，可能会解析为一个空格；
如果想要出现多个空格我们需要书写空格的特殊符号：
如果想要换行就是用强制换行标签 <br >
文本格式化标签（死记硬背）
重点记住：加粗和倾斜
加粗b 倾斜i 删除线s 下划线u
|
|
收藏
淘帖
踩
