JAVA前端web开发学习资源（一，HTML基础认知）-CSDN博客

浏览器	内核（渲染引擎）	补充
IE	Trident
火狐（Firefox）	Gecko
谷歌（Ghrome)	Webkit
Safari(MC端）/欧朋（Opera)	Blink	Blink是的Webkit分支

注意：渲染引擎不同，导致解析相同代码时的速度，性能，效果不同。（一般使用最多的浏览器是谷歌，谷歌在市场的占有率高达80%！并且利于我们编程）

因此，为了统一不同浏览器的表现效果，就产生了Web标准。

二·Web标准认知

构成	语言	说明
结构	HTML	页面元素和内容（例：文字，图片）
表现	CSS	网页元素的外观位置等页面样式（如：颜色，大小等）
行为	JavaScript	网页模型的定义与页面的交互

二，HTML框架认知

一，HTML概念

HTML（Hyper Text Markup Language)中译：超文本标记语言。

作用：专门用于网页开发，通过HTML标签对网页中的文本，图片，音频，视频等内容进行描述。

二，HTML骨架结构

HTML页面固定结构：整体(<html>)，头部(<head>)，主题(<body>)。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> </title>
</head>
<body>
    
</body>
</html>

以上则是利用VSCode快捷键（！+回车）创建的标准骨架结构。实际上，主要为

<html>
<head>
    <title></title>
</head>
<body>
    
</body>
</html>

整体<html></html>中间包含整体元素，

头部<head></head>中间包含title等内容，

主体<body></body>中间包括网页主题内容，

三部分组成。

三，开发工具

VSCode,IDEA,webstorm,Sublime,Dreamweaver,Hbuildeer（优先推荐VSCode和IDEA）。

四，标签组成和关系

标签结构图：文本

“”为开始标签，“文本”为内容，“”为结束标签

双标签：有成对出现的标签，例：<html></html>等等。

单标签：单独的标签，例： ,<hr>等等。

五，标签与标签之间的关系：

嵌套关系：例：<html><head>

</head></html>

并列关系：例：<head></head>