基础的前端三剑客
HTML、CSS、JavaScript
HTML(超文本标记语言) : HTML 是 Web 页面的基础结构,用于描述网页的内容和结构。
HTML 使用一系列标记(称为标签)来定义页面元素,如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码,并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架,使浏览器能够呈现文本、图像和其他媒体。
CSS(级联样式表) : CSS 用于描述 HTML 元素的外观和布局。
CSS 允许我们定义如何显示 HTML 元素,例如字体、颜色、大小、间距等。通过使用 CSS,我们可以将样式与 HTML 结构分离,使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询),以实现响应式设计。
JavaScript:
JavaScript 是一种脚本语言,用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作,例如点击按钮、输入表单、拖动元素等。
通过使用 JavaScript,我们也可以操作 HTML 和 CSS,动态更改页面内容和样式,从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信,以便在不刷新整个页面的情况下获取或提交数据(例如,通过 AJAX)。
HTML构建了网页的骨骼部分,CSS构建了皮肤的部分,Javascript构建了肌肉的部分,可以使其活动。
HTML
HTML(HyperText Markup Language)是一种用于创建网页的标记语言,由网页中的各种元素(例如文本、图像、链接、表格等)和标记组成。HTML(包括版本2.0、3.2、4.01、5.0等)定义了网页结构和内容,并提供了各种标记来描述页面中的不同部分。HTML是网站做好ICU的关键技术点。
CSS
CSS是语法很简单的语言
选择器分为元素选择器,id选择器,等
| 选择器 | 示例 |
|---|---|
| 元素选择器 | p |
| id选择器 | #p1 |
| 类选择器 | .span |
| 后代选择器 | .content p |
| 子代选择器 | .content > p |
| 兄弟选择器 | #p1~p |
| 相邻选择器 | #p1+#p2 |
| 群组选择器 | p,span |
| 全局选择器 | * body |
| 属性选择器 | 查找type=text 元素 input[type="text"] |
| 伪类选择器 | :content |
优先级排序: !important>行间样式>ID选择器>属性选择器&&伪类选择器&&类选择器>元素选择器
JavaScript
JavaScript是一种用于Web开发的高级编程语言。
它可以通过HTML和CSS网页上实现交互性和动态效果。
JavaScript作为一种基于对象和事件驱动的语言,提供了各种特性和API,如变量、函数、条件语句、循环语句、数组、面向对象编程、DOM操作、AJAX、Canvas等。
这些特性允许开发者创建各种动态效果,为用户提供更好的体验。另外,JavaScript还被广泛应用于服务器端、桌面应用程序和游戏开发。