尚硅谷HTML5&CSS3 前端学习笔记02_VSCode_liveServer_实体_meta标签_语义化标签_列表

最新推荐文章于 2023-02-03 11:13:33 发布

KarinAu

最新推荐文章于 2023-02-03 11:13:33 发布

阅读量283

点赞数 1

分类专栏：前端文章标签： html css3 html5

本文链接：https://blog.csdn.net/karinau/article/details/118395711

版权

本文介绍了使用VSCode进行前端开发，包括安装、配置liveServer以实现即时预览，详细讲解了HTML5中的字符编码、实体、meta标签和语义化标签的应用，以及列表的使用，为初学者提供了实用的学习笔记。

摘要由CSDN通过智能技术生成

字符编码

<!doctype html>
<html>
	<head>
	<!--
	可以通过meta标签来设置网页的字符集，避免乱码问题-->
	<meta charset="utf-8">
	<title>网页的基本结构</title>
	</head>
	<body>
	
	<!--
		迭代
			网页的版本
				HTML4
				XHTML2.0
				HTML5
				...
			文档声明（dictype）
				-文档声明用来告诉浏览器当前网页的版本
				-HTML5的文档声明
				<!doctype html>
				
				
		进制：
			十进制
				-特点：满十进一
				-计数：0 1 2 3 4 5 6 7 8 9 10 11 12...
				-单位数字：10个（0-9）
			二进制（计算机底层的进制）
				-特点：满二进一
				-计数：0 1 10 11 100 101...
				-单位数字：2个（0-1）
				-扩展：
					-所有数据在计算机底层都会以二进制形式保存
					-可以将内存想象为一个有多个小格子组成的容器，每一个小格子可以存储一个1或0
						1个小格子在内存中表示1位（bit）
						
						8bit=1byte（字节）
						1024byte=1kb
						1024kb=1mb
						1024mb=1gb
						1024gb=1tb
						1024tb=1pb
						
			
			八进制
				-特点：满八进一
				-计数：0 1 2 3 4 5 6 7 10 11 12 ...17 20
				-单位数字：8个（0-7）
			十六进制（一般显示一个二进制数字时，都会转换为二进制）
				-特点：满十六进一
				-计数：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）
				
				
		字符编码
			Karina->11000101110(编码）
			1100010111->Karina（解码）
			
			-所有的数据在计算机中存储时都是以二进制形式存储的，文字也不例外
				所以一段文字在存储到内存中时，都需要转换为二进制编码
				当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读
			-编码
				-将字符转换为二进制码的过程称为编码
			-解码
				-将二进制码转换为字符的过程称为解码
			-字符集
				-编码和解码所采用的规则称为字符集
			-乱码问题
				-如果编码和解码所采用的字符集不同就会出现乱码问题
			-常见的字符集：
				ASCII（英美）
				ISO88591(欧洲)
				GB2312
				GBK
				UTF-8（万国码：包含世界上所有语言，在开发时，使用的字符集都是UTF-8）
	-->
	<h1></h1>
	</body>
</html>

文档的使用

下载离线文档访问软件zeal->在官网下载

网站W3school 可供中文学习

VSCode的安装

在官网下载

<!DOCTYPE html>
<html lang="zh">
    <!--
        1安装VSCode
        2安装中文语言包
        3尝试安装ayu主题
        4将一个目录作为项目目录最大
        5创建一个新网页
		6安装liveServer
        7尝试通过liveServer运行网页
        8设置代码自动存储
    -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content