日期：2021/12/23
所看视频链接：B站尚硅谷
内容：
P1_课程简介
1.语言：HTML、CSS、JavaScript
2.浏览器：直接访问世界上任何一个网页
P2——网页简史
1.W3C（万维网联盟）标准：
1.结构-HTML -人的骨架
2.表现-CSS -人的皮肉
3.行为-JavaScript -人的动作行为 -网页按钮跳转
P3_HTML简介
1.HTML(Hypertext Markup Language)超文本标记语言
文本:使用纯文本编辑器（记事本）写的文本是纯文本
word不是
后缀.html
P4_编写你的第一个网页
1.标签：
<标签>内容</标签>
一般成对出现，<标签>开始标签，</标签>结束标签
但是也存在一些自结束标签
2.模板
<html>
<head>
<title></title>
</head>
<body>
<h1>回乡偶书（二首）</h1>
<h2>其一</h2>
<h2>贺知章</h2>
<p>少小离家老大回</p>
<p>乡音无改鬓毛衰</p>
<p>儿童相见不相识</p>
<p>笑问客从何处来</p>
</body>
</html>
P5_安装notepad++
记事本的增强版
安装路径不能有中文、特殊符号
P6_自结束标签和注释
1.自结束标签
例子：<img />
2.注释：
对代码进行解释说明，可以隐藏内容，会被浏览器忽略，不会在网页中直接显示，但是可以在源码中出现
不可以嵌套
格式：<!--注释内容-->
P7_标签的属性
1.属性：一个名值对-属性名=“属性值”/'属性值‘
例子：<font color="yellow">内容</font>
2.有些属性有值，有些属性没有值
3.注意标签和属性之间有空格
P8_文档声明
1.迭代
网页版本：HTML4、XHTML2.0、HTML5······
2.文档声明（doctype）
来告知浏览器当前网页的版本
3.HTML5的文档声明
<!DOCTYPE html>
P9_关于进制
1.十进制
特点：满10进1
计数：0 1 2 3 4 5 6 7 8 9 10 11···19 20
单位数字：10个（0-9）
2.二进制
特点：满2进1
计数：0 1 10 11 100 101 110 111
单位数字：2个（0-1）
扩展：
所有数据在计算机底层都会以二进制的形式保存
可以将内存想象成一个由很多个小格子组成的容器，每个小格子中可以存储一个1或一个0
这一个小格子在内存中被称为1位（bit）
8bit = 1byte（字节）
1024byte = 1kb（千字节）
1024kb = 1mb（兆字节）
1024mb = 1gb（吉字节）
1024gb = 1tb（特字节）
1024tb = 1pb
3.八进制
特点：满8进1
计数：0 1 2 3 4 5 6 7 10 11 12 ··· 17 20
单位数字：8个（0-7）
4.十六进制（一般显示一个二进制数字时，都会转换为十六进制）
特点：满16进1
计数：0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 12 ··· 1a 1b 1c 1d 1e 1f 20···
单位数字：16个（0-f）
P10_字符编码
1.文字存储到内存，转换为二进制编码；客户读取文字时，计算机将二进制编码转换为字符
2.编码
字符转换为二进制码的过程
3.解码
二进制码转换为字符的过程
4.字符集（charset）
编码和解码所采用的规则
5.乱码问题
编码和解码的字符集不同
6.常见的字符集
ASCII 7位 128
ISO88591 8位 256
GB2312 国标
GBK 国标扩展
UTF-8 万国码（默认）
7.设置网页字符集
<meta charset="UTF-8" />
