Web学习笔记 - HTML相关简介
目录
1 软件
- 应用软件
C/S架构;C: Client /S: Server - 网页端的软件
B/S架构; B: Browser
2 结构,表现,行为
- 结构 HTML用于描述页面的结构
- 表现 CSS用于控制页面中元素的样式
- 行为 JavaScript用于响应用户操作
3 HTML
<html></html>根标签(元素),网页中的所有内容都要写在根元素里边;<head></head>头; 不会出现在内容中;主要用来帮助浏览器或搜索引擎来解析网页;<body></body>体;
<!-- 文档声明HTML5的规范; -->
<!DOCTYPE html>
<!-- 告诉浏览器语言(提示是否翻译此页) -->
<html lang="en">
<!-- 根标签(元素),网页中的所有内容都要写根元素里面 -->
<html>
<!-- head是网页的头部,head中的内容不会在网页中出现,主要用来帮助浏览器或者搜索引擎来解析网页 -->
<head>
<!-- meta标签用来设置网页的元数据,这里可以通过meta标签设置网页的字符集,避免乱码问题 -->
<meta charset="utf-8">
<!-- title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容,不会出现在内容中 -->
<title>网页的基本结构</title>
</head>
<!-- body是html的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里面 -->
<body>
<!-- h1网页的一级标题 -->
<h1>网页的大标题</h1>
<!-- 大标题,属性问题,空格隔开;-->
<h1>这是我的<font color="red" size="18">第三个</font>网页</h1>
</body>
</html>4 进制:
- 十进制(日常使用)
- 特点:满10进1
- 计数:0 1 2 3 4 5 6 7 8 9
- 单位数字:10个(0~9)
- 二进制(计算机底层的进制)
- 特点:满2进1
- 计数:0 1 10 11 100 101 110…
- 单位数字:2个(0,1)
- 扩展:
- 所有的数据在计算机底层都会以二进制的形式保存
- 可以将内存想象为一个有多个小格子组成的容器,每一个格子中可以存储一个1或者一个0
这一个小格子在内存中被称为1位(bit)
- 8bit = 1byte(字节)
- 1024byte = 1kb(千字节)
- 1024kb = 1mb(兆字节)
- 1024mb = 1gb(吉字节)
- 1024gb = 1tb(特字节)
- 1024tb = 1pb
- 八进制(很少用)
- 特点:满8进1
- 计数:0 1 2 3 4 5 6 7 10 …
- 单位数字:8个(0~7)
- 十六进制(一般显示一个二进制数字时,都会转换为十六进制)
- 特点:满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)
5 字符编码
李立超 -> 1100 0011 (编码)
1100 0011 -> 李立超 (解码)
- 所有的数据在计算机中存储时都是以二进制形式存储的,文字也不例外,所以一段文字在存储到内存中时,都需要转换为二进制编码,当我们读取这段文字时,计算机会将编码转换为字符,供我们阅读
- 编码 将字符转换为二进制码的过程称为编码
- 解码 将二进制码转换为字符的过程称为解码
- 字符集 编码和解码所采用的规则称为字符集
- 乱码 如果编码和解码采用的字符集不同,就会产生乱码
- 常见的字符集:
- ASCII 美国
- ISO88591 欧洲扩充
- GB2312 国标,中国扩充
- GBK
- UTF-8 万国码,在开发时我们使用的字符集都是UTF-8
