学废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标准中分成三个结构: