前端入门指南

来源：互联网 2023-03-16 19:16:42 392

前端入门指南

工具/原料

1、HTML(HyperTextMarkupLanguage)超文本标记语言

首先，HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签

HTML 使用标记标签来描述网页，如：p,div

前端入门指南

1此文章非法爬取自百度经验

2、css（Cascading Style Sheets）层叠样式表

为什么要用css呢，下面这幅图非常形象的告诉你为什么。

第二幅图是是一个简单的css样式，color:"#f00"修改段落的字体颜色，使用的是color属性，":"后面是color的值，使用的是rgb（red，green，blue）值，也可以使用英文，如red（红色）等。

前端入门指南

3、js（JavaScript）

JavaScript 是属于 HTML 和 Web 的编程语言。

编程令计算机完成您需要它们做的工作。

js代码写在html页面上的script标签中，也可以引用外部的js文件。下面的js代码会修改h1标签中的内容，可以看到h1标签中的内容被修改了

当然，js可以做的远远不止这个！

前端入门指南

4、jquery

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程，也就是说jquery就是js，jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。我们将上面的效果使用jquery做出来。

前端入门指南

5、bootstrap

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。下面使用了bootstrap中内置的css样式，只需要给标签添加class属性text-danger就可以改变字体的颜色，当然功能不止这些，还有内置的组件，和响应式布局。

前端入门指南

1、html css

2、js

3、jquery

4、bootstrap

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：js如何读取json文件下一篇：如何使用jquery设置select下拉框选中项