学废HTML初始

基础知识

     哎,先不多说。首先咱们得下载一个Visual Studio Code吧!!好比说吧,没有餐具,咱咋吃饭啊,没有家伙咱怎么打仗啊!毋庸置疑首先你的第一步就是下载编程软件,都看到这里了你下载了吗,如果还没有的话那你就真的学废了。

想必大家都是想学编程的或者是已经开始学了,所以下载一个小小的软件应该难不倒你吧?这里咱直接跳过下面来讲点有用的。

下载完Visual Studio Code之后咱这个小插件都框框的给他安排上,比如说Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code /open in browser等,这不一下子不就对味了嘛!废话不多说开整~

一.基础概念铺垫

(1)认识网页

网页是有哪些部分组成的呢?(学习Visual Studio Code呐首先咱们得知道最基本的吧,从见面开始。就像是搞对象一样都没有见过,也不怎么了解,怎么谈以后啊!)文字、图片、音频、视频、超链接(点击文字、图片或者其他的内容可以链接到其他的页面)

网页是由代码编写出来的。(一些字母)

html、css、js    前端   看到的内容  由前端人员  开发php mysql java   后端     看不到的操作   比如数据的处理前端+后端  程序员写的代码

前端的代码是通过浏览器转化(解析和渲染)成用户看到的页面

(2)五大浏览器和渲染引擎

浏览器:是网页显示运行的平台,是前端开发必备利器(就好比一个漂亮的姑娘吧!你俩相隔万里,通过咱们这个浏览器网页的显示、转化等啪你俩见面,你说你心里美不美呀!)

常见的五大浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(chrome)、Safari浏览器、欧朋浏览器(Opera)

  (2.1)渲染引擎(浏览器内部)

浏览器专门对代码进行解析渲染的部分

浏览器出品的公司不同,内在的渲染引擎也是不同的:

温馨提示:

渲染引擎不同,导致解析相同代码时的 速度、性能、效果也不同的

谷歌浏览器的渲染引擎速度快、性能高、效果好、所以更吸引用户的喜爱(推荐)

(3)Web标准

Web标准:让不同的浏览器按照相同的标准显示结果,让展示的效果统一

Web标准中分成三个结构: