本文属于HTML/CSS专栏文章，适合WEB前端开发入门学习，如果有所帮助请一键三连支持，对博主系列文章感兴趣点击下方专栏了解详细。
本文内容出自B站pink老师的前端入门教程，感谢pink老师！！！
视频链接： 黑马程序员pink老师前端入门教程
- 博客主页：Duck Bro 博客主页
- 系列专栏：HTML/CSS专栏
- 关注博主，后期持续更新系列文章
- 如果有错误感谢请大家批评指出，及时修改
- 感谢大家点赞👍收藏⭐评论✍
【HTML/CSS】入门导学篇
本文关键字：前端课程、HTML、CSS、系列文章开篇文章
文章目录
- 【HTML/CSS】入门导学篇
- 前言
- 一、Web 标准
- 1. 为什么需要 Web 标准
- 2. Web 标准的构成
- 二、什么是HTML
- 三、什么是CSS
- 四、什么是Javascript
- 四、网页开发工具（VSCode）
前言
博主学校要求毕业设计制作一个网页，准备出一期 前端开发专栏文章，文章内容出自B站pink老师前端教程视频（强烈推荐pink老师的前端课程），此系列分为HTML和CSS两个部分介绍，系列文章包含网页开发工具VSCode下载安装，和实用插件的下载。
一、Web 标准
Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
1. 为什么需要 Web 标准
遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
- 让 Web 的发展前景更广阔。
- 内容能被更广泛的设备访问。
- 更容易被搜寻引擎搜索。
- 降低网站流量费用。
- 使网站更易于维护。
- 提高页面浏览速度。
2. Web 标准的构成
主要包括结构（Structure） 、表现（Presentation）和行为（Behavior）三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 结构用于对网页元素进行整理和分类，现阶段主要学的是HTML。 |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS |
| 行为 | 行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript |
Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解： 结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中。
二、什么是HTML
HTML是指超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准标记语言。它由一系列的标签组成，这些标签可以用于确定文本、图像、链接、音频、视频等内容在网页中的位置、格式和样式等。HTML文件通常使用扩展名“.html”或“.htm”。网页浏览器读取这些文件并将其显示在屏幕上，使用户可以浏览和与网页进行交互。
三、什么是CSS
CSS（层叠样式表）是一种用于描述网页样式（包括页面布局、字体、颜色、大小、背景等）的语言。它与HTML和JavaScript一样，是前端开发中非常重要的一部分。通过CSS，我们可以将网页内容与样式分离开来，从而提高网页的可维护性和可扩展性。
四、什么是Javascript
JavaScript是一种用于Web开发的编程语言，它被广泛地用于在网页中实现动态交互功能和动画效果。JavaScript被设计为一种脚本语言，使开发人员能够通过在HTML页面中添加脚本代码来创建动态网页。它可以与HTML，CSS和其他Web技术一起使用，使网站更加交互性和响应性。JavaScript也可以用于服务器端编程，使其成为一种全栈开发语言。
四、网页开发工具（VSCode）
点击下方蓝色文字进行跳转
VSCode安装及卸载教程（图文版）
Web前端 — VSCode实用扩展插件
