Fork me on GitHub

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,基本直接复制到前端的项目中,复制速度也会很快,便于后期的开发。

 

posted @ 2021-07-28 15:22  爱哭的派大星  阅读(40)  评论(0编辑  收藏  举报