一、HTML
什么是HTML
作为一个合格的程序员,或多或少都会接触到前端的书写,而说到前端页面,大家第一个接触到的肯定就是HTML语言了。
HTML:即超文本标记语言,是用来描述网页的一种语言,使用标记标签来描述网页。
HTML文本基本结构
- HTML⽂件的扩展名为 .html 或者 .htm
- HTML⽂本的结构包括“头”部分(head)、和“主体”部分(body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
- HTML是由: 标签 和 内容 构成, 每个HTML页面都有两部分构成(head头和body体),其最外层是
<html>...</html>
标签包裹 HTML标签(标记)的语法是由 < 和 > 括起来。 HTML标签有两种:
双标签 :<标签名> <标签名>
单标签 : 只有<标签名 />
- HTML标签中还可以添加属性:
<标签名 属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>....</标签名>
。
HTML的扩展:css,JavaScript
css:
是用来控制网页外观的一种技术,可以使网页更丰富多彩。
有三种引入方式:
外部样式表:是开发中使用最多的样式,指的是把css代码和HTML代码分开放入两个不同的文件中,然后在HTML文件中引用css样式表。外部样式表是最理想的引入方式
内部样式表:指的是将css代码和HTML代码放入同一个文件中,css代码使用style标签定义
内联样式表:也是把CSS代码和HTML代码放在同一个文件中,但是跟内部样式表不同,CSS样式不是在<style></style>
标签中定义,而是在标签的style属性中定义。
三种样式表的优先级为内联>内部>外部
除此之外,css还赋予了HTML三种选择器:
id选择器
id属性被赋予了标识页面元素的唯一身份。如果一个页面出现了多个相同id属性取值,CSS选择器或者JavaScript就会因为无法分辨要控制的元素而最终报错。
类选择器
它跟Java的类的概念相似,代表一类事物,我们可以为同一个页面的相同元素或者不同元素设置相同的class,然后使得相同的class具有相同的CSS样式。
标签选择器
顾名思义,该选择器就是对相同的标签进行CSS样式的更改
还有其他诸如子代选择器、后代选择器等便不再叙述
JavaScript
JavaScript是一种基于对象的脚本语言,能嵌套在HTML中提供给用户更流畅的浏览效果。
特点:
- 是一种解释性脚本语言(代码不进行预编译)。
- 主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
- 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
- 跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
基本结构:
<script>
代码块
</script>
其能在HTML文档的任何位置添加,但要保证使用前已经读取到代码
它也有三种添加的方式:
外部的js文件添加
内部使用script标签添加
直接在HTML标签中添加
二、JSP
何为JSP
JSP可以理解为:在HTML页面中嵌入Java代码。可以用于展示信息和配合servlet处理请求,其本质也是一个servlet
JSP的语法
既然说JSP能够在HTML页面中嵌入Java代码,那么,它是如何嵌入的呢
标签 | 语法 | 用途 |
---|---|---|
声明标签 | <%! 变量或方法声明%> | 声明JSP内所使用的全局变量或方法或内部类(它用于定义成员)(写的内容在成员位置上) |
表达式 | <%= 表达式 %> | 输出java中变量或者表达式的值到页面上(它用于输出) out.print(内容) |
程序代码标签 | <%程序代码%> | 编写java程序代码,但不可以定义代码(它用于定义局部)(声明的变量在局部位置_jspService方法中) |
当然,说到JSP绕不过的还有它的三大指令和九大内置对象:
三大指令
page:指明当前页面的一些信息
include:页面的静态包含,一般写框架等
taglib:导入第三方标签库
九大内置对象
request:客户端的请求
response:对客户端的响应
session:会话
application:服务器运行期的全局信息
out:输出信息
config:配置信息
page:由JSP产生的类对象
exception:异常对象
pagecontext:引用其他隐式对象
三、二者区别
- 定义上HTML页面是静态页面可以直接运行,JSP页面是动态页它运行时需要转换成servlet
- HTML能直接打开,jsp只能发布到Tomact等服务器上才能打开
- html是w3c规范的一种网页书写格式,是一种统一协议语言,静态网页。我们上网看的网页都是大部分都是基于html语言的。jsp是一种基于动态语言,jsp可以实现html的所有任务。
- HTML(Hypertext MarkupLanguage)文本标记语言,它是静态页面,和JavaScript一样解释性语言,只要你有一个浏览器那么它就可以正常显示出来,而不需要指定的编译工具,只需在TXT文档中写上HTML标记就可以正常显示。而JSP(Java ServerPage)是Java服务端的页面,所以它是动态的,它是需要经过JDK编译后把内容发给客户端去显示,我们都知道,Java文件编译后会产生一个class文件,最终执行的就是这个class文件。
- 格式不同,在jsp中用<%%>就可以写Java代码了,而html没有<%%>。