多语言展示
当前在线:1237今日阅读:84今日分享:32

前端入门指南

前端入门指南
工具/原料
1

html

2

css

3

js

4

jquery

5

bootstrap

方法/步骤
1

1、HTML(Hyper Text Markup Language)超文本标记语言首先,HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 HTML 使用标记标签来描述网页,如:p,div

2

2、css(Cascading Style Sheets)层叠样式表为什么要用css呢,下面这幅图非常形象的告诉你为什么。第二幅图是是一个简单的css样式,color:'#f00'修改段落的字体颜色,使用的是color属性,':'后面是color的值,使用的是rgb(red,green,blue)值,也可以使用英文,如red(红色)等。

3

3、js(JavaScript)JavaScript 是属于 HTML 和 Web 的编程语言。编程令计算机完成您需要它们做的工作。js代码写在html页面上的script标签中,也可以引用外部的js文件。下面的js代码会修改h1标签中的内容,可以看到h1标签中的内容被修改了当然,js可以做的远远不止这个!

4

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

5

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

总结

1、html+css2、js3、jquery4、bootstrap

注意事项

使用jquery时,需要先引入jquery.js文件

推荐信息