HMTL5+CSS3学习笔记2

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中的实体(转义字符)
  • 实体的语法:
 实体的名字:
    &nbsp;空格
    &gt; 大于号
    &lt;小于号
    &copy;版权符号

2020年5月18日3点06分,我要睡觉啦(¦3[▓▓] 晚安

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值