JavaWeb剩余部分总结
任务:1,完成HTML基础的视频课程学习
2,完成CSS基础课程的学习
3,JQuery的学习
4,完成touchui的学习
相关Demo和案例
1,完成HTML基础的视频课程学习
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
运行tomcat的之后
例子解释
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
- <h1> 与 </h1> 之间的文本被显示为标题
- <p> 与 </p> 之间的文本被显示为段落
这是一个vue初始的模板,它的内容都放在<template>标签内,而且里面只能嵌套一个<div>标签
HTML是一个超文本标记语言,只要符合语言规范,用记事本、notepad或者TextEdit都可以用来写HTML页面
使用多层嵌套实现多个模块的部署,结合CSS样式就能很好的显示和部署每一块的方位、大小等等
2,完成CSS基础课程的学习
CSS 是一种描述 HTML 文档样式的语言。
CSS 描述应该如何显示 HTML 元素。
- CSS 指的是层叠样式表* (Cascading Style Sheets)
- CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
- CSS 节省了大量工作。它可以同时控制多张网页的布局
- 外部样式表存储在 CSS 文件中
CSS 解决了一个大问题
HTML 从未打算包含用于格式化网页的标签!
创建 HTML 的目的是描述网页的内容,例如:
<h1>这是一个标题。</h1> <p>这是一个段落。</p>
CSS样式不一定放在标签内部,特别是在网页内容繁多的情况下,直接在标签内写上CSS样式,会让整个HTML代码臃肿不堪,并且在日后的修改上,也是十分的麻烦。
所以可以将CSS样式单独作为一个文本
单独的CSS样式不仅后期维护方便,在多个HTML使用相同的样式的时候,可以使用同一个CSS样式,避免了代码的重复性
相关使用手册参考:http://t.mb5u.com/css3/
3,JQuery的学习
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
4,完成touchui的学习
Touch UI 是一套响应式 UI 框架,适用于网页前台开发、web 应用前台开发、触屏 app 前台开发,尤其对于多终端兼容的界面开发,具备极大的优势。
TouchUI是一个前端框架,整合HTML、CSS和JS。能够快速开发一个网页页面,并且Touch UI封装了一些组件,开发的时候只要在官网中
复制组件的代码,就可以快速地实现一个页面的部署。
按照官网的步骤,我实现了TouchUI的一个小Demo
使用Tomcat运行:
TouchUI的安装很简单,里面的包也挺小,总体大小19.2M,基本直接复制到前端的项目中,复制速度也会很快,便于后期的开发。