什么是JavaWeb
1 用Java技能来解决相干 web互联网领域的技能栈,使用 JAVAEE 技能体系开发企业级互联网项目。
2 JAVAWEB技能栈- 客户端-前端部分:
- HTML CSS JavaScript ES6 Nodejs npm vite vue3 router pinia axios element-plus ...
- 服务端-后端部分:
- HTTP xml Tomcat Servlet Request Response Cookie Sesssion Filter Listener MySQL JDBC Druid Jackson lombok jwt ...
复制代码 3 javaweb交互模式
客户端 请求 服务端 返回 客户端
CS模式
BS模式
4 前后端分离- 1 开发分离:后端程序员只要按照接口文档去编写后端代码,无需编写或者关系前端代码,前后端
- 程序员压力都降低。
- 2 部署分离:前端使用单独的页面动态技术,通过VUE等框架,工程化项目,前端项目可以部署到
- 独立的服务器上。
复制代码 HTML
什么是HML
1 HTML CSS JAVAScript TypeScript的作用
HTML 主要用于网页主体结构的
CSS 主要用于页面化
JavaScript 主要用于动态处理页面
TypeScript 是微软开发的 JavaScript 超集,静态类型
2 什么是HTML- HTML是Hyper Text Markup Language的写,意是文本。它的作用是网页结构,
- 在网页上展示。HTML5在 2008 式发,在 2012 成了定的本,2014 10 28
- ,W3C发了HTML5的终版
复制代码 3 什么是超文本- HTML文件本质上是文本文件,普通的文本文件只能示。通过其他网页、、
- 、等各种体资源入到前网页中,网页有了非常的现方式,就是文本的:本身是文本,但是呈现出来的最终效果超越了文本。
复制代码 4 什么是标记语言- HTML是一种标记语言,是为它不是像Java的编程,为它是由一系标签成
- 的,有常、、程、常处理、IO等等些功能。HTML很简单,每个固定的标签都有它
- 定的和定的页面示效果。
复制代码 5 HTML基础结构- 1文档明:HTML文件中一行的,用来浏览器前HTML文档的本信以及HTML文
- 档的。<!DOCTYPE html>。
- 2根标签:<html></html>是个文档的根,所有其他都必须在对面。
- 3头部元素:<head></head>是<html></html>一个一级,用于定文档的部,
- 其他部都在head。部title、script、style、link、
- meta等等。
- 4主体:<body></body>是<html></html>个一级,用于定网页的主
- 体,在浏览器口示的都定到body。
复制代码 6 HTML入门程序- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>我的第一个网页</title>
- </head>
- <body>
- hello html!!!
- </body>
- </html>
复制代码
7 HTML概念名词解释
8 HTML语法规则
9 VSCode
https://code.visualstudio.com
安装过程一起next
HTML常见标签
1 文本标签
1 标签标题 h1到h6- <body>
- <h1>一级标题</h1>
- <h2>二级标题</h2>
- <h3>三级标题</h3>
- <h4>四级标题</h4>
- <h5>五级标题</h5>
- <h6>六级标题</h6>
- </body>
复制代码 2 段落标题 - <body>
- <p>记者从工信部了解到,近年来我国算力产业规模快速增长,年增长率近30%,算力规模排名全球第二。</p>
- <p>工信部统计显示,截至去年底,我国算力总规模达到180百亿亿次浮点运算/秒,存力总规模超过
- 1000EB(1万亿GB)。</p>
- <p>近年来,我国算力基础设施发展成效显著,梯次优化的算力供给体系初步构建,算力基础设施的综合能力显
- 著提升。</p>
- </body>
复制代码 3换行标题
分割线
- <body>
- 截至去年底,我国算力总规模达到180百亿亿次浮点运算/秒,存力总规模超过1000EB(1万亿GB)。
- 国家枢纽节点间的网络单向时延降低到20毫秒以内,算力核心产业规模达到1.8万亿元。<hr>
- 中国信息通信研究院测算,算力每投入1元,将带动3至4元的GDP经济增长。
- </body>
复制代码 4 列表标签
有序列表
<ol>- <ol>
- <li>JAVA</li>
- <li>前端</li>
- <li>大数据</li>
- </ol>
复制代码 无序列表
<ul>- <ul>
- <li>JAVASE</li>
- <li>JAVAEE</li>
- <li>数据库</li>
- </ul>
复制代码 嵌套列表
- [list=1]
- [*] JAVA<ul>
- <li>JAVASE</li>
- <li>JAVAEE</li>
- <li>数据库</li>
- </ul>
- [*]前端
- [*]大数据
- [/list]
复制代码 2 超链接标签
href 属性用于定义链接地址
href可以使用绝对路径 相对路径 完备URL
[code] 相对路径本地资源毗连
绝对路径本地资源毗连
外部资源链接 |