Web标准包括三个方面：
-
结构标准（HTML）：用于对网页元素进行整理和分类。
-
表现标准（CSS）：用于设置网页元素的版式、颜色、大小等外观样式。
-
行为标准（JS）：用于定义网页的交互和行为。
根据上面的Web标准，可以将 Web前端分为三层，如下。
Web前端分三层：
-
HTML（HyperText Markup Language）：超文本标记语言。从语义的角度描述页面的结构。相当于人的身体组织结构。
-
CSS（Cascading Style Sheets）：层叠样式表。从审美的角度美化页面的样式。相当于人的衣服和打扮。
-
JS：JavaScript。从交互的角度描述页面的行为。相当于人的动作，让人有生命力。
HTML 全称为 HyperText Markup Language，译为超文本标记语言。
HTML 不是一种编程语言，是一种描述性的标记语言。
作用：HTML是负责描述文档语义的语言。
这里我们需要注意两个地方一个是超文本、一个是标记语言。
所谓的超文本，有两层含义：
（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
（2）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。
HTML 不是一种编程语言，是一种描述性的标记语言。这主要有两层含义：
（1）标记语言是一套标记标签。比如：标签
<a>表示超链接、标签<img>表示图片、标签<h1>表示一级标题等等，它们都是属于 HTML 标签。
说的通俗一点就是：网页是由网页元素组成的，这些元素是由 HTML 标签描述出来，然后通过浏览器解析，就可以显示给用户看了。
（2）编程语言是有编译过程的，而标记语言没有编译过程，HTML标签是直接由浏览器解析执行。
在记事本中编写代码虽然可以实现最终的效果，但是不免有些难以操作，所以现在我们用vscode来打开刚刚到记事本文件
打开方式一：点击左上角的文件然后选择打开文件，之后选中刚刚的记事本文件。
pass: 如果vscode界面是英文的说明没有安装汉化的插件，具体的安装步骤请看工具篇。
打开方式二：直接将文件拖动到vscode
文件和文件夹都是可以直接拖到vscode里面的，这样可以快捷打开。
我们要知道HTML标签都是有开始和结束的（双边标记），比如 <html> 和 </html>，在尖括号里多一个反斜杠表示结束。又或者有的标签是在末尾以/反斜杠直接闭合，这称为自闭合标签（单边标记）。
双边标记的标签在里面编写的是他的内容。
而自闭合标签大多数是编写的属性。
这些标签里有很多用等号的就称为标签的属性。
等号左边是要设置的属性名，右边是设置的属性值。
至于这些属性有什么用会在之后进行详细讲解。
一个最基本的网页应该包含一下的内容
内容
pass:这里的title标签的标题是浏览器标签的标题，如下图。
其层级结构应该如下：
-
DOCTYPE
-
html
-
head
-
title
-
body
靓仔的第一个网页
补充：头标签内部的常见标签如下：
-
<title>：指定整个网页的标题，在浏览器最上方显示。 -
<base>：为页面上的所有链接规定默认地址或默认目标。 -
<meta>：提供有关页面的基本信息 -
<body>：用于定义HTML文档所要显示的内容，也称为主体标签。我们所写的代码必须放在此标签內。 -
<link>：定义文档与外部资源的关系。
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：<h1><font></font></h1>
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
前端面试题汇总
JavaScript
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
性能
linux
前端资料汇总
96de226b373d068d8f5bef31e668ce.png)
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
性能
linux
前端资料汇总
1346
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
