HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解

简介: HTML ,XHTML,HTML5简介,js,JSP与Servlet的关系理解

**  HTML(Hypertext Markup Language)是文本标记语言,它是静态页面。是一种解释性语言,所谓解释性语言就是指可以在浏览器上显示出来,不需要编译工具的语言。**


JSP(Java server page )是通过java语言实现的,是Java语言的一种使用方式,从其英文全称就可以看出它是Java服务器端页面,所以是动态页面。需要经过JDK编译后发送给客户端显示。

JS(javaScript) 是一种脚本语言。可以以的形式混合在HTML页面中,使页面产生动态效果。


什么是HTML?


HTML 是用来描述网页的一种语言。


  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面


HTML 布局 - 使用


元素


div 元素是用于分组 HTML 元素的块级元素。

下面的例子使用五个 div 元素来创建多列布局:


实例


HTML 布局 - 使用

元素

div 元素是用于分组 HTML 元素的块级元素。

下面的例子使用五个 div 元素来创建多列布局:

实例

菜鸟教程(runoob.com)        


主要的网页标题


菜单


  HTML

  CSS

  JavaScript

  内容在这里

  版权 © runoob.com

实例:定义了客户端脚本

实例:定义了不支持脚本浏览器输出的文本


什么是 HTML5?


HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。


HTML5 是如何起步的?


HTML5 中的一些有趣的新特性:

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素,比如 article、footer、header、nav、section
  • 新的表单控件,比如 calendar、date、time、email、url、search


HTML5


声明必须位于 HTML5 文档中的第一行,使用非常简单:


最小的HTML5文档


下面是一个简单的HTML5文档:


   文档标题   文档内容......  

注意: 对于中文网页需要使用 声明编码,否则会出现乱码。


HTML5 的改进


  • 新元素
  • 新属性
  • 完全支持 CSS3
  • Video 和 Audio
  • 2D/3D 制图
  • 本地存储
  • 本地 SQL 数据
  • Web 应用


HTML5 多媒体


使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

  • HTML5
  • HTML5


HTML5 应用


使用 HTML5 你可以简单地开发应用

  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2


HTML5 图形


使用 HTML5 你可以简单的绘制图形:


HTML5 使用 CSS3


  • 新选择器
  • 新属性
  • 动画
  • 2D/3D 转换
  • 圆角
  • 阴影效果
  • 可下载的字体


JavaScript 能够改变 HTML 内容,简单说就是让网页动起来。


实例:

           菜鸟教程(runoob.com)        


我的第一个 JavaScript 程序


这是一个段落

显示日期


JSP 简介


什么是Java Server Pages?


JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。


JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。


JSP通过网页表单获取用户输入数据、访问数据库及其他数据源,然后动态地创建网页。


JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息。


js和jsp简单理解:


1、JSP全称是java server page    JS全称是javaScript

2、最主要的区别是运行位置不同。

JSP运行在后台服务器上,混合在HTML中的java程序段用于控制HTML的动态生成,并且通常负责调用后台数据库中的数据,形成能够根据使用情况的变化的,具有丰富数据交互效果的页面。

JavaScript 通常是运行在前台,即运行于用户浏览器的,通常不需要服务器的后台支持(AJAX交互例外),混合在HTML中的JavaScript脚本程序直接被浏览器解释执行,以提高页面的美观性和UI操作响应速度为基本目标。

3、JSP在HTML中用<%%>里面实现。


JS在html中用实现


什么是js?


javaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用

它的目的是与HTML超文本标记语言、Java 脚本语言(Java小程序)一起实现在一个Web页面中链接

多个对象,与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的

HTML语言中实现的。它的出现弥补了HTML语言的缺陷,它是Java与HTML折衷的选择,具有以下几个


JSP与Servlet的关系理解


为什么会出现JSP技术?

使用Servlet产生动态页面,需要在代码中用out.print()打印输出很多HTML标签返回至客户端浏览器界面进行显示。在Servlet中,不得不将静态显示的内容和动态产生内容的代码混合在一起。使用Servlet开发动态网页,程序员和网页编辑人员将无法一起工作。为了使得前后端分离并且减少代码的复杂和冗余,JSP技术应运而生。


什么是JSP技术?

JSP是一种建立在Servlet规范功能之上的动态网页技术。是在通常的网页文件中嵌入脚本代码,用于产生动态内容,在JSP文件中嵌入的是java代码和JSP标记!


JSP技术和Servlet技术的区别和联系?

JSP文件在用户第一次请求时会被编译成Servlet,然后再由Servlet处理用户的请求,所以JSP也可以看成是运行时的Servlet;Servelt主要是把动态的内容混合到静态的内容中以产生HTML,而JSP把静态和动态的内容分离开来,实现了内容和表示的分离。


JSP文件的执行过程?

当有一个JSP页面的请求到来时,JSP容器检查JSP页面的语法是否正确,将JSP页面转换为Servlet源文件【JSP的九大内置对象就是在这里被定义的!】,然后调用javac工具类编译Servlet源文件生成class字节码文件。Servlet容器加载转换后的Servlet类,实例化一个对象处理客户端的请求,在请求处理完成后,相应至客户端浏览器界面进行显示【在Servlet容器实例化对象后的处理过程就和之前学习的Servlet的处理过程一样了点击打开链接】。


相关文章
|
8月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
8月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
8月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
8月前
|
前端开发 容器
处方单图片生成器, 处方单在线制作免费,js+css+html恶搞神器
这是一个电子处方模拟生成系统,使用html2canvas库实现图片导出功能。系统生成的处方单包含多重防伪标识,并明确标注为模拟数据,仅供学习
|
8月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
8月前
|
前端开发 JavaScript 容器
制作b超单生成器, 假怀孕b超单图片制作, p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具,效果逼真,仅供学习参考与娱乐。包含前端技术学习要点:语义化布局、响应式设计、Flexbox、图片自适应
|
8月前
|
前端开发
医院检查单子p图软件,在线制作仿真病历,js+css+html装逼神器
本示例展示如何用HTML/CSS创建医疗信息页面,内容仅供学习参考。页面模拟“阳光医院体检中心”场景,提供预约功能验证(如姓名、手机号、日期)。所有数据仅用于演示
|
JavaScript 前端开发
JavaScript HTML DOM
JavaScript HTML DOM
140 2
JavaScript HTML DOM
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
154 5
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
134 5

热门文章

最新文章