网上看视频整理的第一章笔记(一)
1)了解知识
a.网页背后的本质：前端程序员写的代码
b.五大常见浏览器
c.浏览器市场份额：
d.渲染引擎（浏览器内核）：浏览器中专门对代码进行解析渲染的部分。
渲染引擎同，导致解析相同代码的速度，效果，性能也不同。
e.前端工程师日常推荐使用浏览器：谷歌浏览器。
f.Web标准
Web标准中分成三个构成：
| 构成 |
语言 |
说明 |
| 结构 |
HTML |
页面元素和内容 |
| 表现 |
CSS |
网页元素的外观和位置等页面样式（颜色，大小等） |
| 行为 |
JavaScript |
网页模型的定义与页面交互 |
2)HTML概念
a.HTML(Hyper Text Markup Language) 超文本标记语言：
专门用于网页开发的语言，主要通过HTML标签对网页的文本，图片，音频，视频等内容进行描述。
eg1：加粗文字（体验即可）。
第一步：新建txt文档将后缀名改为html
备注：如果没有看不到后缀名：查看->显示->文件扩展名
第二步右键-》打开方式-》用记事本打开并输入文字”加粗喔“-》ctrl+s保存-》退出双击html程序-》将会看到这样
第三步加粗：继续右键记事本打开输入以下并保存退出双击。将看到加粗。
b.HTML页面固定格式：网页中的固定结构是通过特定的HTML标签进行描述的。
Q1:HTML骨架结构由哪些标签组成？
html 标签：网页的整体
head标签：网页的头部
body标签：网页的身体
title标签：网页的标题
3）为什么使用VS Code
a.体积小，轻量，免费，插件方便。
b.VS Code下载地址：Download Visual Studio Code - Mac, Linux, Windows
c.使用：
- 拖动之前新建的html文件进入其中。
- 之后新建文件都在VScode中进行。
- 输入：！加回车将会出现以下界面
- 2.itle是网页的标题在title里输入标题
body是网页的主体输入主体。注意html后若有小圆点说明没保存ctrl+s保存。之后Alt+b
默认网页打开（alt+b快捷键需要下载插件）
ps：确保是谷歌浏览器打开，如果不是百度查询解决方法有很多种。或者也有可能要改电脑的默认浏览器设置为谷歌浏览器。
下图是alt+b快捷键的插件
4)注释
方便下次看到此处方便想起功能和含义。
注释快捷键：ctrl+/
5）标签结构
a. <strong>变粗</strong>
说明：<>:标签名，双标签前部分叫开始标签，后部分叫结束标签。
单标签：自成一体，无法包裹内容
b.HTML标签关系
父子关系(嵌套关系)：