HTML5+CSS3学习笔记2
网页的基本结构
1、文档声明 doctype
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
<!--
迭代
网页的版本
HTML4
XHTML2.0
HTML5
...
文档声明(doctype)
-文档声明用来告诉浏览器当前网页的版本
-html5的文档声明(不区分大小写),严格意义上讲并不是个标签
<!doctype html>
<!DOCTYPE HTML>
-->
</body>
</html>
2、进制:
-
十进制(日常使用)
-特点:满十进位
-计数:0 1 2 3 4 5 6 7 8 9
-单位数字:10个(0-9) -
二进制(计算机底层的进制)
-特点:满二进1
-计数:0 1 10 11
-单位数字:2个(0,1)
扩展:
-所有数据在计算机底层都会以二进制的形式保存
-可以将内存想象为一个有多个小格子组成的容器,每个小格子中可以存储一个1或者一个0,这一个小格子在内存中被称为1位(bit)
8bit=1byte(字节)
1024byte=1kb(千字节)
1024kb=1mb(兆字节)
1024mb=lgb(吉字节)
1024gb=1tb(t特字节)
1024tb=1pb
在内存中,最小操作的单位的就是8位即1字节
- 八进制(很少用)
-特点:满八进一
-计数:0 1 2 3 4 5 6 7 10
-单位数字:8个(0-7) - 十六进制
-特点:满十六进1
-计数:0 1 2 3 4 5 6 7 8 9 a b c d e f 10
-单位数字:16个(0-9,a-f) - 字符编码
字符 -->二进制(编码)
二进制–>字符(解码)
-所有的数据在计算机中存储时都是以二进制形式存储的,文字也不例外,
所以一段文字在存储到内存中时,都需要转换为二进制编码
当我们读取这段文字时,计算机会将编码转换为字符,供我们阅读
- 编码
将字符转换为二进制码的过程称为编码- 解码
将二进制码转换为字符的过程称为解码- 字符集(Charset)
编码和解码所采用的的规则称为字符集- 乱码问题
如果编码和解码所采用的的字符集不同就会出现乱码问题- 常见的字符集
ASCII(7位,能表示128个符号)
ISO88591(8位,能表示256个符号)
GB2312
GBK
UTF-8(万国码) :在开发时我们使用的字符集都是UTF-8
< ! - -可以通过meta标签来设置网页的字符集,避免乱码问题- - >
在head标签中间写<meta charset=" utf-8"
<!-- 文档声明,声明当前网页的版本-->
<!doctype html>
<!--html的根标签(元素),网页中的所有内容都要写在根元素里面-->
<html>
<!--head是网页的又不,head中的内容不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页-->
<head>
<!--meta标签用来设置网页的元数据-,这里的meta用来设置网页的字符集,避免乱码问题->
<meta charset="utf-8:>
<!--title中的内容会显示在浏览器的标签栏,搜索引擎会主要根据title中的内容来判断网页的主要内容-->
<title>网页的标题</title>
</head>
<!--body是html的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里-->
<body>
<!-- 网页的一级标题-->
<h1>网页的大标题</h1>
</body>
</html>
- 在网页编写的多个空格默认情况会自动会浏览器解析为一个空格
- 在html中有些时候,我们不能直接写一些特殊符号,比如: 多个连续的空格,比如字母两侧的大于和小于号
- 如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)
- 实体的语法:
实体的名字:
空格
> 大于号
<小于号
©版权符号
2020年5月18日3点06分,我要睡觉啦(¦3[▓▓] 晚安