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

news/2024/10/9 11:05:58/

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

专题文章命名以qd1开头。


源课程

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

up:遥遥温柔乡

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


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

视频 P1

  • B/S架构

Browser 浏览器

Server 服务器

  • 学习动力

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

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

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

Clip_2024-10-08_12-55-18

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

Clip_2024-10-08_12-55-38

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

总结一下:

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

http://www.ppmy.cn/news/1536601.html

相关文章

卸载各种服务的详尽方法

HTTP 服务器软件&#xff08;如 Apache 或 Nginx&#xff09; 以下是一些常见的卸载方法&#xff1a; **Apache&#xff08;httpd&#xff09;**&#xff1a; 1. 如果是通过 yum 安装的&#xff1a; sudo yum remove httpd 2. 如果是通过源码编译安装的&#xff0c;需要进入…

【探索艺术新纪元:Midjourney中文版,让创意无界!】

&#x1f3a8; 艺术&#xff0c;从此触手可及 在这个数字时代&#xff0c;Midjourney中文版正引领一场艺术创作的革命。作为一款前沿的AI绘画工具&#xff0c;它利用深度学习技术&#xff0c;将你的想象转化为触手可及的艺术作品。无需深厚的绘画功底&#xff0c;只需简单的文…

C#WPF label的content中放置控件实例

本文讲解C#WPF label的content中放置控件实例。 在Label控件中添加一个button按钮控件,并使居中显示。实现代码如下: 实例 <Windowx:Class="ContentDemo.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x=&q…

clickhouse数据字典

前言&#xff1a; clickhouse的安装见 https://blog.csdn.net/weixin_41463944/article/details/142534145?spm1001.2014.3001.55011、需要在路径/etc/clickhouse-serve下定义*_dictionary.xml结尾的配置文件 2、需要准备organization.csv和sales.csv本地测试文件&#xff08…

【数据分享】2000—2023年我国省市县三级逐月植被覆盖度(FVC)数值(Shp/Excel格式)

之前我们分享过2000—2023年我国250米分辨率逐月植被覆盖度&#xff08;FVC&#xff09;栅格数据&#xff08;可查看之前的文章获悉详情&#xff09;&#xff0c;该数据来源于高吉喜等学者在国家青藏高原科学数据中心平台上分享的数据&#xff0c;合成方式采用月最大值合成&…

项目开发--大模型--个人问答知识库--chain控制

背景 1、langchain当中的chain prompt | llm | output_parser这个链能更长吗&#xff1f; 在 LangChain 中&#xff0c;链&#xff08;chain&#xff09;可以根据需要变得非常长&#xff0c;并且可以包含多种不同类型的组件。链的目的是将多个步骤串联起来&#xff0c;以便以…

如何在 SQL 中更新表中的记录?

当你需要修改数据库中已存在的数据时&#xff0c;UPDATE 语句是你的首选工具。 这允许你更改表中一条或多条记录的特定字段值。 下面我将详细介绍如何使用 UPDATE 语句&#xff0c;并提供一些开发建议和注意事项。 基础用法 假设我们有一个名为 employees 的表&#xff0c;…

【python进阶攻略12】C扩展

使用C扩展 CPython还为开发者实现了一个有趣的特性&#xff0c;使用Python可以轻松调用C代码 开发者有三种方法可以在自己的Python代码中来调用C编写的函数-ctypes&#xff0c;SWIG&#xff0c;Python/C API。每种方式也都有各自的利弊。 首先&#xff0c;我们要明确为什么要…