首页 > 软件开发 > HTML >

前端入门指南

来源:互联网 2023-03-16 19:16:42 版权归原作者所有,如有侵权,请联系我们

前端入门指南evz办公区 - 实用经验教程分享!

工具/原料

  • html
  • css
  • js
  • jquery
  • bootstrap

方法/步骤

  • 1

    1、HTML(HyperTextMarkupLanguage)超文本标记语言evz办公区 - 实用经验教程分享!

    首先,HTML 不是一种编程语言,而是一种标记语言evz办公区 - 实用经验教程分享!

    标记语言是一套标记标签evz办公区 - 实用经验教程分享!

    HTML 使用标记标签来描述网页,如:p,divevz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

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

    2、css(Cascading Style Sheets)层叠样式表evz办公区 - 实用经验教程分享!

    为什么要用css呢,下面这幅图非常形象的告诉你为什么。evz办公区 - 实用经验教程分享!

    第二幅图是是一个简单的css样式,color:"#f00"修改段落的字体颜色,使用的是color属性,":"后面是color的值,使用的是rgb(red,green,blue)值,也可以使用英文,如red(红色)等。evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

  • 3

    3、js(JavaScript)evz办公区 - 实用经验教程分享!

    JavaScript 是属于 HTML 和 Web 的编程语言。evz办公区 - 实用经验教程分享!

    编程令计算机完成您需要它们做的工作。evz办公区 - 实用经验教程分享!

    js代码写在html页面上的script标签中,也可以引用外部的js文件。下面的js代码会修改h1标签中的内容,可以看到h1标签中的内容被修改了evz办公区 - 实用经验教程分享!

    当然,js可以做的远远不止这个!evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

  • 4

    4、jqueryevz办公区 - 实用经验教程分享!

    jQuery 是一个 JavaScript 库。evz办公区 - 实用经验教程分享!

    jQuery 极大地简化了 JavaScript 编程,也就是说jquery就是js,jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。我们将上面的效果使用jquery做出来。evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

  • 5

    5、bootstrapevz办公区 - 实用经验教程分享!

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

    前端入门指南evz办公区 - 实用经验教程分享!

    前端入门指南evz办公区 - 实用经验教程分享!

  • 总结

  • 1

    1、html cssevz办公区 - 实用经验教程分享!

    2、jsevz办公区 - 实用经验教程分享!

    3、jqueryevz办公区 - 实用经验教程分享!

    4、bootstrapevz办公区 - 实用经验教程分享!

  • 注意事项

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

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!evz办公区 - 实用经验教程分享!


    标签: HTMLCSSJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号