第一天前端视频笔记 | 青训营

前端三件套是指HTML、CSS和JavaScript，它们是构建网页和应用程序的核心技术。下面是关于这三个技术的详细知识点：

HTML（超文本标记语言）：

1. 结构化标记：HTML使用标签来定义网页的结，包括标题、段落、列表、格等。
2. 标签和元素：HTML标签是用尖括号括来的关键字，而HTML元素由开始标、内容和结束标签组成。
3. 常用标签：常见的HTML标签包括<h1>到<h6>用于定义标题，<p>用于定义段落，<a>用于创建链接等。
4. 图像和多媒体：通过<img>标签可以插入图像，而<video>和<audio>签可以嵌入视频和音频。
5. 表单和输入：HTML提供了一系列的表单元素，如<input>、<textarea>和<select>，用于收集用户输入。
6. 语义化：HTML5引入了更多的语义化标签，如<header>、<nav>和<footer>，有助于提高网页的可读性和可访问性。

CSS（层叠样式表）：

1. 样式则：CSS使用样式规则来定义元素的外观，每个规则由选择器和一组属性-值对组成。
2. 选择器：CSS选择器用于选择要应用式的HTML元素常见的选择有标签选择器、类选择器和ID选择器。
3. 盒模型：CSS中的每个元素都被视为一个矩形框，包括内容区域、内边、边框和外边距。
4. 布局：CSS提供了多种布局技术，如浮动、定位和弹性布局，用于控制元素在页面上的位置和大小。
5. 响应式设计通过使用媒体查询和相对单位（如百比和em），可以创建响应式网页，使其能够适应不同的屏幕尺寸和设备。
6. 动画和过渡：CSS可以通过关键帧动和过渡效来实现元素的动态变化和平过渡。

JavaScript：

1. 数据类型：JavaScript支持多种数据类型，包括数字、字符串、布尔值、数组、对象和函数等。
2. 变量和作用域：使用var、let或const关键字声明变量，并了解变量的作用域（全局作用域和函数作用域）。
3. 控制流程：JavaScript提供了条件语（如if和switch）、循环语句如for和while）以及异常处理（如try-catch）等控制流程结构。
4. 函数：JavaScript中的函数是一段可重复使用的代码块，可以接受参数并返回值。
5. 对象和面向对象编程：JavaScript是一种基于对象的语言，可以创建对象、定义属性和方法，并使用原型继承实现面向对象编程。
6. DOM操作：通过JavaScript可以访问操作文档对象型（DOM），从而实现对网页内容的动态修改和交互。

个人思考： html的前端三件套本质上还是以html为骨架进行基本内容的构建，进而用CSS来进行美化，用js处理网页的一些页面数据的交互。