【HTML/CSS】入门导学篇

本文属于HTML/CSS专栏文章，适合WEB前端开发入门学习，如果有所帮助请一键三连支持，对博主系列文章感兴趣点击下方专栏了解详细。

• 关注博主，后期持续更新系列文章
• 如果有错误感谢大家批评指出，一定及时修改
• 感谢大家点赞👍收藏⭐评论✍

【HTML/CSS】入门导学篇

本文关键字：前端课程、HTML、CSS、系列文章开篇文章

前言

博主学校要求毕业设计制作一个网页，准备出一期 前端开发专栏文章，文章内容出自B站pink老师前端教程视频（强烈推荐pink老师的前端课程），此系列分为HTML和CSS两个部分介绍，系列文章包含网页开发工具VSCode下载安装，和实用插件的下载。

一、Web 标准

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

1. 为什么需要 Web 标准

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：

1. 让 Web 的发展前景更广阔。
2. 内容能被更广泛的设备访问。
3. 更容易被搜寻引擎搜索。
4. 降低网站流量费用。
5. 使网站更易于维护。
6. 提高页面浏览速度。

2. Web 标准的构成

主要包括结构（Structure） 、表现（Presentation）和行为（Behavior）三个方面。

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实用扩展插件