1 前端语言
前端“三剑客”:HTML、CSS、Javascript
1.1 HTML
HTML (HyperText Markup Language)代表超文本标记语言。它是用于创建网页的标准标记语言。HTML 使用标记来构建内容并定义网页的元素,例如标题、段落、链接、图像等。
HTML 代码由一系列括在尖括号 (<>) 中的元素组成,称为标记。这些标记定义内容的结构,并为 Web 浏览器提供有关如何显示页面的说明。
下面是一个基本 HTML 结构的示例:
效果如下:
Welcome to My Web Page
About Me
I am a web developer with a passion for coding.
© 2022 My Web Page. All rights reserved.
HTML 是一种多功能语言,允许根据需要创建和构建网页。它为通过CSS和JavaScript添加样式和交互性提供了基础。
1.2 CSS
CSS 代表 层叠样式表。它是一种样式表语言,用于描述用HTML或XML编写的文档的表示和布局。CSS允许网页设计人员将文档内容与其表示分开,从而更容易控制网页的视觉外观。
CSS 的工作原理是选择 HTML 元素并对其应用样式。样式可以包括颜色、字体、边距、填充和定位等属性。通过使用CSS,网页设计师可以在多个页面上创建一致的样式,将不同的样式应用于不同的设备(响应式设计),并增强网站的整体视觉体验。
下面是一个 CSS 代码示例:
CSS允许网页设计师通过控制HTML元素的呈现来创建视觉上吸引人且组织良好的网页。它是现代 Web 开发的重要工具。
CSS选择器的特异度:
- .btn普通按钮
- .btn.primary主要按钮
- primary覆盖掉普通的
1.3 Javascript
JavaScript是一种高级编程语言,主要用于Web开发。它允许开发人员向网页添加交互性和动态行为。JavaScript 被所有现代 Web 浏览器支持,并且可以在客户端(浏览器)和服务器端(Node.js)上使用。
JavaScript 可用于操作 HTML 元素、处理事件、创建动画、验证表单以及在网页上执行各种其他任务。它具有广泛的内置函数和对象,可简化Web开发。
下面是一个 JavaScript 代码的示例:
JavaScript 允许开发人员操作 HTML 元素、控制程序流、处理用户交互以及与服务器通信,从而实现动态和交互式网页。它是一种多功能语言,用于广泛的 Web 开发任务。