1 初始前端开发
1.1 一个WEB系统的通信原理？或者说网页的显示过程？
-
第一步：用户输入网址（URL）百度一下，你就知道
-
第二步：DNS(域名解析器)进行域名解析：百度一下，你就知道
-
第三步：浏览器软件在网络中找到110.242.68.3这一台主机。
-
第四步：定位110.242.68.3这台主机上的服务器软件，因为是80端口，可以很轻松的定位到80端口对应的服务器软件。
-
第五步：80端口对应的服务器软件得知浏览器想要的资源名是：index.html
-
第六步：服务器软件找到index.html文件，并且将index.html文件中的内容直接输出响应到浏览器上。
-
第七步：浏览器接收到来自服务器的代码（HTML CSS JS）
-
第八步：浏览器渲染（通过渲染引擎、js引擎 解析 执行HTML CSS JS代码），展示效果。
1.2 那么服务器到底是什么呢？
服务器本质上也是一台类似于你电脑一样的主机，但是这个主机有几个特点：
-
二十四小时不关机的（稳定运行）；
-
没有显示器的；
-
一般装的是Linux操作系统（比如centos）；
1.3 网页的组成
HTML：网页的结构
CSS： 网页的样式（美化）
JavaScript：网页的交互（灵魂）
1.4 浏览器的内核
啥是浏览器内核？
浏览器最核心的部分是渲染引擎（Rendering Engine），一般也称为“浏览器内核”。负责解析网页语法，并渲染（显示）网页
常见的浏览器内核有
-
Trident （ 三叉戟）：IE、360安全浏览器、搜狗高速浏览器、百度浏览器、UC浏览器；
-
Gecko（ 壁虎） ：Mozilla Firefox；
-
Presto（急板乐曲）-> Blink （眨眼）：Opera
-
Webkit ：Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器（Android、iOS）
-
Webkit -> Blink ：Google Chrome
不同的浏览器内核有不同的解析、渲染规则，所以同一网页在不同内核的浏览器中的渲染效果也可能不同。
2 HTML
2.1 什么是HTML
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。（不属于编程语言，但属于计算机语言，因为它在和计算机沟通）
HTML元素是构建网站的基石；
2.2 什么是标记语言
标记语言：由无数个标记（标签、tag)组成，是对某些内容进行特殊的标记，以供其他解释器识别处理；
比如使用<h2></h2>标记的文本会被识别为“标题”进行加粗、文字放大显示；
由标签和内容组成的称为元素（element）
2.3 什么是超文本（ HyperText ）呢？
表示不仅仅可以插入普通的文本（Text），还可以插入图片、音频、视频等内容；
还可以表示超链接（HyperLink），从一个网页跳转到另一个网页；
2.4 基本结构
<html>
<head>
放元数据
</head>
<body>
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
