QD1-P1 HTML、CSS与JS三者之间的关系

今天开始学习前端基础,新建专题《前端学习笔记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负责与用户的交互行为,让网页更加灵动、有趣。
相关推荐
初学c++2 个月前
QD1-P14 HTML 输入标签(input)
前端基础
初学c++2 个月前
QD1-P5 HTML 段落标签(p)换行标签(br)
前端基础
初学c++2 个月前
QD1-P8 HTML 格式化标签(font、pre、b、strong、i、u、del、s、sub、sup)
前端基础
初学c++2 个月前
QD1-P17 HTML 下拉框标签(select、option)
前端基础
初学c++2 个月前
QD1-P11 HTML 图片标签(img)
前端基础
初学c++2 个月前
QD1-P4 HTML标题标签(h)水平线标签(hr)
前端基础
初学c++2 个月前
QD1-P10 HTML 超链接标签(a)下篇
前端基础
初学c++2 个月前
QD1-P7 HTML 容器和布局标签(div、span)
前端基础
初学c++2 个月前
QD1-P2 HBuilderX编辑器
前端基础