前端入门（认识HTML，CSS，JavaScript三件套）

前言

HTML（构建）

CSS（设计）

JavaScript（互动）

总结

相关书籍推荐

前言

前端（Frontend）指的是与用户直接交互的部分，也称为客户端。在网站或者应用程序中，前端通常包括用户界面（UI）、用户体验（UX）以及与用户直接交互的各种功能。前端开发主要涉及使用HTML、CSS和JavaScript等技术来构建网站或应用程序的用户界面和交互逻辑。今天我们来初步认识一下这三件套。

HTML（构建）

HTML（HyperText Markup Language）是一种用于创建网页结构的标记语言。它由一系列的元素（elements）组成，这些元素用标签（tags）来描述其在网页中的含义和结构。HTML被广泛用于构建网页，并且是Web开发中的基础。通过HTML，开发者可以定义文本、图像、链接、表格、表单等在网页中的布局和内容。HTML使用一种层次结构来组织网页内容，这种结构由标签对（tag pair）组成，其中包括起始标签（opening tag）、结束标签（closing tag）和标签内容。例如，

标签用于表示段落，标签用于插入图像，标签用于创建链接等。HTML不负责网页的样式和交互行为，这些功能通常由CSS（Cascading Style Sheets）和JavaScript来实现。HTML与CSS和JavaScript一起构成了Web开发的基础技术，用于创建具有吸引力、交互性和可访问性的网页。

CSS（设计）

CSS（Cascading Style Sheets，层叠样式表）是一种用于控制网页样式和布局的样式表语言。它可以与HTML结合使用，通过定义样式规则来指定网页元素的外观和排版方式。CSS的主要作用是将内容与其呈现方式分离，使得网页的样式和结构可以独立进行管理和修改，从而提高网页的可维护性和可重用性。CSS使用一种规则（rule）的结构来定义样式，每个规则由选择器（selector）和声明块（declaration block）组成。选择器用于选择要应用样式的HTML元素，而声明块包含了一组属性-值对，用于描述所选元素的样式。例如，以下是一个简单的CSS规则，这个规则将会选中所有的段落（

元素），并将它们的文本颜色设置为蓝色，字体大小设置为16像素。

CSS可以用于控制元素的尺寸、颜色、字体、间距、边框等各种样式属性，以及实现响应式布局、动画效果等。它是Web开发中的重要技术之一，与HTML和JavaScript一起构成了现代Web页面的核心技术。

JavaScript（互动）

JavaScript是一种高级的、解释型的编程语言，用于在网页上实现交互式的动态效果和功能。它通常被用于在网页上操作DOM（Document Object Model，文档对象模型）、处理用户输入、进行数据验证、执行动画效果、与服务器进行通信等。JavaScript最初由Netscape公司（现在的Mozilla基金会）的布兰登·艾奇（Brendan Eich）在1995年创建，并最初被用于在网页中实现简单的交互效果。如今，JavaScript已经发展成为一种强大的、全球通用的编程语言，它被广泛应用于Web开发、移动应用开发、桌面应用程序开发等领域。JavaScript具有以下特点：

动态性： JavaScript可以在网页加载完毕后动态地修改网页内容、样式和结构，使得网页具有更丰富的交互性。事件驱动： JavaScript可以通过监听用户的操作事件（如点击、键盘输入等）来触发相应的响应动作，从而实现交互效果。跨平台： JavaScript可以在几乎所有的现代浏览器中运行，并且可以被用于开发跨平台的Web应用程序。灵活性： JavaScript支持面向对象编程（OOP）、函数式编程（FP）等多种编程范式，使得开发者能够根据需要选择合适的编程风格。