web基础知识点（html，css,http,javaScript）

1.html基本知识

HTML 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。

1.元素（Element）
开始标签+内容+结束标签 便是一个完整的元素。
但是空元素只有开始标签，例如：元素 < img > 是用来在元素 < img > 所在位置插入一张指定的图片。
< img src=“图片地址源” >
2.嵌套元素
可以把元素放到其它元素之中——这被称作嵌套。
例如：< p >我爱我的< strong >祖国< /strong >< /p >
这里使用 < strong > 标签，来强调 祖国 这一内容。
3.常见元素介绍
（1.）标题 < h1 > < /h1 > 到< h6 > < /h6 >
（2.）段落 < p >< /p >
（3.）列表
带序号的列表：< ol >< /ol >
不带序号的列表： < ul >< /ul >
（4.）超链接 < a >< /a >
（5.）图片< img >< /img >
（6.）块级无语义元素< div >< /div >
无语义元素，通常是用来组织内容，方便之后通过 css 或者 js 对其进行布局或操作。
（7.）内联无语义元素< span >< /span >
4.文档结构

5.html注释
< !-- 注释内容 -->

2.css基本知识

全名：CascadingStyleSheets->层叠样式表

定义： CSS成为层叠样式表，它主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能（如字体、颜色、背景的控制以及整体排版等等），还可以针对不同的浏览器设置不同的样式。

HTML、CSS与JS三者的关系

HTML是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。

CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。

JavaScript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。

3.JavaScript基本知识

什么是JavaScript
c 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等。
怎样向页面添加 Javascript
可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 < link > 元素链接外部样式表，使用 < style > 元素向 HTML 嵌入内部样式表，JavaScript 这里只需一个元素—— < script > 。
JavaScript 运行次序

在 HTML 和 CSS 集合组装成一个网页后，浏览器的 JavaScript 引擎将执行 JavaScript 代码。这保证了当JavaScript 开始运行之前，网页的结构和样式已经就位。

当浏览器执行到一段 JavaScript 代码时，通常会按从上往下的顺序执行这段代码。这意味着你需要注意代码书写的顺序。

4.HTTP协议相关知识

HTTP 协议 (超文本传输协议HyperText Transfer Protocol)，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。
url


http协议格式

5.请求格式

6.响应格式

HTTP响应的格式上除状态行(第一行)与请求的请求行不一样以外，其它就格式而言是一样的

7.常见请求方法及含义

8.常见响应状态及含义

200：请求成功。

301：所请求的页面已经转移到一个新的 URL，永久重定向

302：所请求的页面已经临时转移到一个新的 URL。

403：禁止访问所请求的页面。

404：服务器无法找到所请求的页面。

502：未完成的请求。服务器从上游服务器收到无效响应。

504：网关超时。

9.常见HTTP头

Content-Type: 数据类型(text/html等)

Content-Length: Body的长度

Host: 客户端告知服务器, 所请求的资源是在哪个主机的哪个端口上;

User-Agent: 声明用户的操作系统和浏览器版本信息;

referer: 当前页面是从哪个页面跳转过来的;

location: 搭配3xx状态码使用, 告诉客户端接下来要去哪里访问;

Cookie: 用于在客户端存储少量信息. 通常用于实现会话(session)的功能;

10.静态资源VS动态资源

静态资源： 可以理解为前端的固定页面，这里面包含HTML、CSS、JS、图片等等，不需要查数据库也不需要程序处理，直接就能够显示的页面，如果想修改内容则必须修改页面，但是访问效率相当高。
动态资源： 需要程序处理或者从数据库中读数据，能够根据不同的条件在页面显示不同的数据，内容更新不需要修改页面但是访问速度不及静态页面。

原文链接：https://blog.youkuaiyun.com/qwertyuiopasdfgg/article/details/89647201

11.什么是JSP技术（模板技术）

JSP是Java Server Pages的简称，意为java服务器页面。JSP是一种基于文本的程序，是为了简化Servlet的工作出现的替代品，Servlet输出HTML比较繁琐，而JSP简化了很多，可以说JSP就是替代Servlet输出HTML的。

12.servler的生命周期

与 Servlet 生命周期有关的方法一般有以下三个：
（1) init() 方法
init() 方法是在创建 Servlet 对象时被调用，而且只能被调用一次，用于 Servlet 对象在整个生命周期内的唯一一次初始化。只有在 init() 方法调用成功后，Servlet 才会处于服务状态，才能够去处理客户端的请求。

Servlet 对象被创建之后执行 init() 方法，并且 init() 方法只执行一次，其主要目的是完成 Servlet 对象的初始化工作。
（2) service() 方法
service() 方法是 Servlet 工作的核心方法。当客户端请求访问 Servlet 时，Servlet 容器就会调用 service() 方法去处理来自客户端的请求，并把处理后的响应返回给客户端。

对于 Servlet 对象的 service() 方法，只要用户请求一次，那么 service() 方法就执行一次。
（3) destroy() 方法
destory() 方法是 Servlet 容器回收 Servlet 对象之前调用的，且只会调用一次，而此时的服务器处于停止状态或者访问资源已经被移除。

Servlet 对象被回收之前，destroy() 方法会被调用，该方法只执行一次，执行的时候 Servlet 对象还在。