前端语言串讲 | 青训营笔记

46 阅读2分钟

前言

作为一名前端工程师,熟练掌握前端语言是必备的技能。本文将从 HTML、CSS、JavaScript 三个方面,对前端语言进行串讲,并探讨它们之间的联系与区别。

前端与 HTML

HTML(Hypertext Markup Language)是用于创建网页的标准语言。它由一系列的元素(element)组成,每个元素都有其特定的语法和含义。HTML 元素通常由一对开始标签和结束标签组成,中间包裹着要展示的内容。

HTML 作为前端的基础语言,它的主要作用是描述网页的结构和内容。在网页中,HTML 元素往往与 CSS 样式和 JavaScript 交互共同构成网页的视觉和交互效果。

但是 HTML 并不是一种编程语言,它不能进行逻辑和计算操作。因此,HTML 的作用局限于网页的静态内容展示。

前端与 CSS

CSS(Cascading Style Sheets)是用于网页样式设计的语言。它通过一组样式规则来控制 HTML 元素的外观和布局,使网页具有更好的可读性和用户体验。

CSS 的样式规则通常由选择器和声明块组成。选择器指定要应用样式的元素,声明块定义元素的样式属性和属性值。

CSS 与 HTML 的关系是相辅相成的。HTML 描述网页的结构和内容,而 CSS 则描述网页的外观和布局。通过 CSS,我们可以对网页元素进行定位、排版、颜色、字体等属性的控制,从而让网页呈现出更加美观和易读的效果。

前端与 JavaScript

JavaScript 是一种动态编程语言,用于为网页添加交互和动态效果。它可以在网页中运行,通过浏览器解释执行,与 HTML 和 CSS 共同构成现代 Web 应用程序的三大基础语言。

JavaScript 的基础语法包括变量、函数、逻辑判断、循环等,它还提供了一系列的 API 和框架,使得开发者可以更加方便地进行 DOM 操作、事件处理、AJAX 请求等操作。

JavaScript 与 HTML 和 CSS 的区别在于,它不仅可以修改网页的内容和样式,还可以对网页进行逻辑和计算操作。因此,JavaScript 是实现网页交互和动态效果的重要手段。

HTML全部标签分类

下载 (3).png

HTML head标签

下载 (4).png

HTML5 存储

下载 (5).png

总结:学习HTML是学习前端的必备的,今后还要加强学习