一、计算机组成
1.硬件
（1）运算器＋控制器（中央处理器）
- CPU
（2）存储器
- 内存（暂时性存储）
- 硬件（持续化存储）
（3）输入设备
- 键盘
- 鼠标
（4）输出设备
- 音响
- 显示器
2.软件
（1）系统软件
- Windows
- Linux
- Mac
- …
(2)应用软件
二、C/S架构与B/S架构
1.C/S架构（客户端/浏览器）
- 需要安装
- 偶尔更新
- 不跨平台
2.B/S架构（浏览器/服务器）
- 无需安装
- 无需更新
- 可跨平台
三、浏览器相关知识
1.五大浏览器
- Chrome(谷歌)
- Firefox
- Safari(苹果)
- Edge
- Opera
2.四大内核
- Blink
- WebKit
- Gecko
- Trident
三、网页相关知识
1.网页的组成
- 结构（HTML）
- 表现（CSS）
- 行为（JavaScript）
四、HTML基础知识
1.全称
HyperText Markup Language(超文本标记语言)
2.文档后缀名
.html.htm
3.别名
HTML文档也叫做web页面
五、HTML初体验
1.步骤
新建文本文档 => 输入内容并保存 => 修改后缀为.html => 双击打开
2.Web浏览器
程序员写的叫源代码，要交给浏览器进行渲染。浏览器读取html文件，并将其作为页面展示。
3.借助浏览器看网页的源代码
- 在网页空白处单击鼠标右键，点击查看网页源代码
- 调试：F12(快捷键)，有的电脑是Fn+F12
六、HTML标签
1.全称
HTML标记标签
2.概念
标签是由尖括号包围的关键词
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.但是严格来讲, HTML 元素元素是从开始标签到结束标签之间的完整结构
3.双标签：<标签名>标签体</标签名>
- <标签名>称作开始/开放标签，</标签名>称作结束/闭合标签
- 标签名也可以大写（标准为小写）
- 标签可以进行嵌套
4.单标签：<标签名/>
- " /"可省略
5.标签之间的关系
- 并列关系
- 嵌套关系
6.标签属性
（1）概念
属性名=“属性值”称作标签属性，是HTML元素提供的附加信息
（2）作用
用于定义元素的行为、样式、内容或其他特性
(3) 格式
<标签名 属性名=“属性值” 属性名=“属性值”>
总是以名称/值对的形式出现
（4）位置
标签属性写在开始标签或单标签中
（5）注意点
- 不同的标签，有不同的属性；也有一些通用属性
- 属性名、属性值都不区分大小写（浏览器会自动检查更改），推荐小写
- 属性值应该始终包轮廓在引号内，双引号是最常用的，使用单引号也没有问题
- 在某些个别情况下，比如属性值本身就含有双引号，就必须使用单引号
- 有些特殊属性，没有属性名，只有属性值
- 标签中不要出现同名属性，否则后写的会失效
7.缩进
- 快捷键：tab
- 手动：四个空格
七、HTML基本结构
1.在网页中查看代码
单击鼠标右键，选择“检查”
2.检查&查看网页源代码
- 查看网页源代码看到的是程序员编写的源代码
- 检查看到的是经过浏览器处理后的源代码
3.网页的基本结构
<html><head><title>...</title></head><body>...</body></html>- html元素是 HTML 页面的根元素
- 想要呈现在网页的内容写在body标签中
- head标签中的内容不会出现在网页中，它包含了文档的元（meta）数据
- head标签中的title标签可以指定网页的标题
八、HTML注释
1.特点
- 注释的内容会被浏览器忽略，但源代码中依然可见
- 注释不可以嵌套
2.写法
<!--注释-->3.快捷键：ctrl+/
九、HTML文档声明
1.位置
HTML文件的第一行，并且在html标签的外侧
2.作用：告诉浏览器当前访问的版本
- H5
<!DOCTYPEhtml>3.注意点
doctype声明不区分大小写
十、HTML字符编码
1. 默认字符集
中文网页通常为UTF-8，需要使用<meta charset= "UTF-8">声明编码，否则会出现乱码。
有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则需要设置为<meta charset="GBK">。
2.计算机对数据的操作
- 操作时，对数据进行编码
- 读取时，对数据进行解码
3.使用原则
存解一致
4.位置与写法
<head><metacharset="UTF-8"/>...<head/>
