一、准备知识
1.两位先驱：图灵与冯·诺依曼
2.计算机由硬件和软件组成，软件分为系统软件与应用软件
3.应用软件又分为两大类：
C/S架构，特点：需要安装、偶尔更新、不跨平台、开发更具针对性。
B/S架构，特点：无需安装、无需更新、可跨平台、开发更具通用性。
前端工程师主要做的就是编写B/S网页
4.网页的概念
1) 网址：我们在浏览器中输入的地址。
2) 网页：浏览器所呈现的每一个页面。
3) 网站：多个网页构成了一个网站。
网页的标准为具有结构、表现和行为，分别由html、css和js控制
5.浏览器与内核
二、html简介
1.全称：HyperText Markup Language（超文本标记语言）。
2.html发展史
三、准备工作
1.安装chrome浏览器
下载地址：https://www.google.cn/chrome。
2.安装VSCode
下载地址：https://code.visualstudio.com/。
默认语言使用不便可以安装中文语音包插件
3.安装Live Server插件
1)可以更加方便的打开网页。
2)打开网页的方式更贴近项目上线。
3)代码出现改动后，可以自动刷新。
注意事项：1.务必使用VSCode打开的是文件夹，否则 Live Server 插件无法正常工作！
2.打开的网页必须是标准的HTML结构，否则无法自动刷新！
四、html入门
1.html初体验
1)新建文本文档，并将后缀改为html可创建html文件
2)程序员写的称为源代码，要交给浏览器渲染
3)可以借助浏览器查看网页的源代码
2.html标签
1)标签又称元素，是HTML的基本组成单位。
2)标签分为：双标签与单标签 （绝大多数都是双标签）。
3) 标签名不区分大小写，但推荐小写，因为小写更规范。
4)双标签结构：
实例：
<p>我是一段文本</p>5.单标签结构：
实例：
<input>6. 标签之间的关系：并列关系、嵌套关系，可以使用 tab 键进行缩进
3.标签属性
1)用于给标签提供附加信息。
2)可以写在：起始标签或单标签中，形式如下：
实例：
<marquee loop="1" bgcolor="orange">尚硅谷，让天下没有难学的技术！</marquee> <input type="password">3)有些特殊的属性，没有属性名，只有属性值，例如：
<input disabled>4)注意点：
4.heml基本结构
1)在网页中可以通过“检查”来查看某段结构的具体代码
2)“检查”和查看“网页源代码”的区别：
【查看网页源代码】看到的是：程序员编写的源代码。
【检查】看到的是：经过浏览器 “处理” 后的源代码。
备注：日常开发中，【检查】用的最多。
4）网页基本结构图示
其中：1. 想要呈现在网页中的内容写在body标签中。
2. head标签中的内容不会出现在网页中。
3. head标签中的title标签可以指定网页的标题。
实例：
<html> <head> <title>网页标题</title> </head> <body> ...... </body> </html>
