javaweb之Html/Hss/JavaScript/BootStrap小结

1.Html

超文本标记语言，标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

2.Css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 ^[1]

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

3.JavaScript

一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

4.Bootstrap

来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。^[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。^[2] 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来jQuery.

5.jQuery
是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

===========================以上百度=========以下自己理解==========================

1. html就是各种标签

2. Css就是各种样式

3. JavaScript 由以下三种东西组成:

ECMAScript，描述了该语

javascript组成

言的语法和基本对象。 ^[2]

文档对象模型（DOM），描述处理网页内容的方法和接口。 ^[2]

浏览器对象模型（ BOM），描述与浏览器进行交互的方法和接口。

主要通过对标签注册事件监听,一旦被事件被触发就会产生动态效果,提升用户体验;

它内部包含了DOM,可以对页面做各种各样的修改;

4. Bootstrap

就是有两部分组成

<1>bootstrap.css 里边将标签的默认显示样式做了一些规范, 然后又用 . class名称的方式定义了很多类的样式, 这样我们可以在导入bootstrap.css之后就可以给标签的类属性增加在类名,例如: class = "类1 类2 类3" 这样标签就可以同时有了 :类1 类2 类3 样式的叠加.相当于一个个样式刷,一刷一个样式;

<2>bootstrap.js 里边定义了各种监听器(就是函数),这样我们就可以方便地对标签注册监听,达到特定动态效果,而这完全不需要我们自己去写方法, ps: bootstrap.js是基于jquery.js框架的,也就是说bootstrap.js会调用 jquery.js 里边的资源; 这里要说一点,就是,一个页面中不论是写在页面里的<javascript> , 还是导入的<javascript> 它们就相当于同方法处在同一个类之中,因此它们方法外的变量是公用的.方法之间是可以调用的;

javaweb之Html/Hss/JavaScript/BootStrap小结相关推荐

基于javaweb的宠物店管理系统(java+jsp+javascript+bootstrap+mysql)
基于javaweb的宠物店管理系统(java+jsp+javascript+bootstrap+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/i ...
html bootstrap复选框全选,javascript+bootstrap+html实现层级多选框全层全选和多选功能代码实例...
想做一个先按层级排序并可以多选的功能,首先倾向于用多层标签式的,直接选定加在文本域里,接下来通过本文给大家介绍html+javascript+bootstrap实现层级多选框全层全选和多选功能,需要的 ...
HTML5动漫网页设计——少女漫画心(HTML+CSS+JavaScript+Bootstrap)
HTML5期末大作业:动漫网站设计--少女漫画心HTML+CSS+JavaScript+Bootstrap 动漫网页HTML代码学生网页课程设计期末作业下载大学生动漫网页设计成品临近期末, 你还 ...
HTML期末大作业~清新手工肥皂网站展示4个页面(HTML+CSS+JavaScript+Bootstrap)
HTML期末大作业~清新手工肥皂网站展示4个页面(HTML+CSS+JavaScript+Bootstrap) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无 ...
HTML5期末大作业：HTML+CSS+JavaScript+BootStrap 简约的旅游图文相册博客HTML模板
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
JavaWeb总结--HTML/CSS/JavaScript
JavaWeb总结--HTML/CSS/JavaScript JavaWeb总结 HTML 字体标签标题标签超链接标签表格标签 ifarme内联标签 form表单标签 form表单提交细节 CS ...
JavaScript this 小结
this关键字引用的是包含它的函数作为某个对象的方法被调用时的那个对象.---<JavaScript.Dom高级程序设计> 这句话拆开来看 this 包含this的函数函数被调用时以函 ...
【JavaWeb】前端框架之Bootstrap
文章目录 1 概念 2 快速入门 3 响应式布局 4 CSS样式和JS插件 1 概念 BootStrap是前端开发框架,基于HTML.CSS.JavaScript. 优点: 定义了很多CSS样式和JS ...
web课程设计网页规划与设计~在线阅读小说网页共6个页面(HTML+CSS+JavaScript+Bootstrap)...
HTML期末大作业 ~ 大学生网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业 ...

javaweb之Html/Hss/JavaScript/BootStrap小结

javaweb之Html/Hss/JavaScript/BootStrap小结相关推荐

最新文章

热门文章