零基础必看的Html5+Css3+移动端前端教程（一）

知心宝贝

已于 2022-06-08 19:50:29 修改

阅读量3.6k

点赞数 19

分类专栏：前端文章标签： css javascript css3 html 开发语言

于 2021-11-21 14:15:51 首次发布

本文链接：https://blog.csdn.net/qq_53673551/article/details/121453089

版权

12 篇文章 25 订阅

订阅专栏

在开始正式学习之前，我们要了解如何去学习这门课程，掌握哪些方法，学习之后我们要能够做出什么东西。

对于此次课程的学习，只是单单看这篇文章最多只能掌握35%，在看完之后最好能够自己动手实践一遍。

网页：网站的组成，通常由文字、图像、视频等元素构成，我们常见的以.html或者.htm结尾的文件，称为html文件。

html:称为超文本标记语言，并不是我们学的如C++、C等等的编程语言

常用的浏览器：我们编写的html文件用网站打开后，浏览器自带的内核会帮助我们解析html文件

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360极速浏览器、百度浏览器
firefox	Gecko	可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。
Safari	webkit	现在很多人错误地把 webkit 叫做 chrome内核（即使 chrome内核已经是 blink 了）。苹果感觉像被别人抢了媳妇，都哭晕在厕所里面了。
chrome	Chromium/Blink	在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。大部分国产浏览器最新版都采用Blink内核。二次开发
Opera	blink	现在跟随chrome用blink内核。

我们开发前端对于浏览器的选择应该是使用人数最多的一个，根据百度统计,截至到2021年，Google任然是使用最多的浏览器。

Web标准：主要包括结构、表现、行为三个方面

Web最佳标准：结构、表现和行为三者分离

简单来说：html写结构，Css写表现，JS写行为

看到这，还有人不懂对吗，没关系，下面我们来看一张图片。

这三者当然是结构最重要，没有身体怎么穿漂亮的衣服，做出漂亮的动作，所以html是基础，要认真学。

我们电脑上自带的记事本其实就可以开发前端，比如如下的一段简单的html代码，

<html>
     <head>
	 <title>第一个Html文件</title>	
     </head>
     <body>
	    键盘敲烂，工资上万。
     </body>
</html>

用记事本打开后，复制这段代码，然后将记事本加上.html后缀，再次打开，发现它已经在默认浏览器里面打开了。虽然记事本能用，但我们不能几千行代码都要用记事本来描写吧，这就需要开发工具VScode的帮助了。

对于VScode全英文不太熟悉的，我们可以下载几个插件，点击最左侧的扩展，搜索下图几个插件

打VScode,新建文件，保存成html格式，点击！号确定，会自动生成html模板。

关注