今天开始学习前端基础，新建专题《前端学习笔记1》保存前端基础学习笔记。

专题文章命名以qd1开头。

---

源课程

视频教程：【Web前端-最通俗易懂HTML、CSS与JS合集 1天速成】

up：遥遥温柔乡

在B站随便搜索了一个前端课程，共91节，每节写一篇笔记。

---

第一节 网页编程技术介绍及HTML、CSS与JS三者之间的关系

视频 P1

• B/S架构

Browser 浏览器

Server 服务器

• 学习动力

做网站->做分享知识的网站->做有趣的分享知识的网站。

• HTML

• 定义了网站的结构和内容

它使用标签（如 <div>​、<p>​、<img>​ 等）来组织文本、图像、链接等页面元素。

​​

• CSS

• 设置网页的样式和布局，它定义了字体、颜色、边距、高度、宽度等视觉效果。
• 就像是网页的皮肤（同游戏角色皮肤一样），负责美化页面，让页面看起来更加美观和用户友好。

​​

• JS

• 用于实现网页的交互效果。它可以动态修改内容和样式，响应用户的操作（如点击、滑动等），以及执行复杂的计算和处理。

‍

总结一下：

• HTML网页的内容
• CSS美化网页的样式
• JS负责与用户的交互行为，让网页更加灵动、有趣。