前端入门指南

  • 原创
  • |
  • 浏览:66
  • |
  • 更新:
  • |
  • 标签:HTML CSS JQUERY 

前端入门指南

工具/原料

  • html
  • css
  • js
  • jquery
  • bootstrap

方法/步骤

  1. 1

    1、HTML(Hyper Text Markup Language)超文本标记语言

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

    标记语言是一套标记标签 

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

    前端入门指南
    前端入门指南
  2. 1
    此文章非法爬取自百度经验
  3. 2

    2、css(Cascading Style Sheets)层叠样式表

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

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

    前端入门指南
    前端入门指南
    前端入门指南
  4. 3

    3、js(JavaScript)

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

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

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

    当然,js可以做的远远不止这个!

    前端入门指南
  5. 4

    4、jquery

    jQuery 是一个 JavaScript 库。

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

    前端入门指南
    前端入门指南
  6. 5

    5、bootstrap

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

    前端入门指南
    前端入门指南
    END

总结

  1. 1

    1、html+css

    2、js

    3、jquery

    4、bootstrap

    END

注意事项

  • 使用jquery时,需要先引入jquery.js文件
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签HTMLCSSJQUERY