HTML / CSS / JS 编程入门 —— 制作可切换主题的简单网页

fny5jt9

HTML、CSS 和 JavaScript 是前端编程密不可分的三大语言，咱们通常看到的网页都由这三种语言组合编程而成。这三者之间到底有什么样的关系？她们又是经过什么样的软件编成的呢？

HTML、CSS 和 JavaScript 之间的关系

咱们平时看到的网页就像是一座已然建好的房子，而这三个编程语言则分别负责房子的结构（Structure）、样式（Styling）和功能（Functionality）。对一个完整的网页而言，三者几乎缺一不可。但在极端状况下，只要有 HTML 就能够制作出最简单的网页，CSS 和 JavaScript 则会为网页赋予更精美的样式和更加多样的功能。

.HTML 文件：网页的基本架构，通常在这儿调用 CSS 和 JS 文件

.CSS 文件：网页样式文件，调节网页的整体颜色、位置、字体、按钮等设计

.JS 文件：赋予网页的交互功能，例如：用户点击、输入等操作会触发那些功能

网页制作实战

在学习编程的时候，最要紧的便是直接动手尝试，从实质挑战中逐步作出调节。这个网站制作教程将按照以下几个过程，手把手带你制作一个简易的网站，让你认识 HTML、CSS 和 JS 之间的关系与基本操作：

草拟网站内容 在 Lightly 中编写代码 运用 HTML 创立网站基本框架 运用 CSS 调节网站设计 运用 JavaScript 添加网站功能

咱们这里次教程中运用轻量且功能强大的 Lightly集成研发工具（IDE），学习过程中没需下载任何编程软件，亦没需熟记繁杂的界面操作，只必须经过网页打开就能够在线上实时编写代码，经过一键运行完成网页制作。

这个网页制作教程会教大众制作一个可切换浅色和深色主题的简单网页，网页的效果大致如下：

lq1614

你的努力一定会被看见，相信自己，加油。

maqg

我们有着相似的经历，你的感受我深有体会。