0%

##2020年总结
今年过的特别快,转眼间就年底了,有很多还没搞,一直原地踏步,还老喜欢口嗨,想想就。。。

##2021年计划
把基础打好,
按照下面学
study

html骨架

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>
这是网页标题
</title>
</head>
<body>

</body>

</html>

标题标签

-

HTML 标题(Heading)是通过

-

等标签进行定义的。

1
<h1-h6>hhh</h1-h6>

段落标签p

1
<p>这是段落</p>

注释:

1
<!-- 在此处写注释 -->

水平线标签hr

1
<hr />

换行标签br

1
<br />

div和span标签

他们两个都是盒子,用来装我们网页元素的

1
语法:<div> 这是头部 </div>    <span>今日价格</span>

div和span区别:

div标签 用来布局的,但是现在一行只能放一个div
span标签 用来布局的,一行上可以放好多个span

文本格式化标签

标签 显示效果
文字以粗体方式显示(XHTML推荐使用strong)
文字以斜体方式显示(XHTML推荐使用em)
文字以加删除线方式显示(XHTML推荐使用del)
文字以加下划线方式显示(XHTML不赞成使用u)

区别:

b 只是加粗 strong 除了可以加粗还有 强调的意思, 语义更强烈。

路径

路径分相对路径和绝对路径,相对路径又分同一级,上一级路径和下一级路径

相对路径

以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。

路径分类 符号 说明
同一级路径 只需输入图像文件的名称即可,如
下一级路径 “/” 图像文件位于HTML文件同级文件夹下(例如文件夹名称为:images) 如
上一级路径 “../” 在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推, 如

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

“D:\web\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。

图片标签img

1
语法:<img src="media/img.png" />

图片链接

1
2
3
4
<a href="https://www.baidu.com">
<img src="media/img.png" />
这是百度
</a>

空图片

如果当时没有确定链接目标时,通常将链接标签的src属性值定义为“#”(即src=”#”),表示该链接暂时为一个空链接。

属性

属性 属性值 描述
src 图片路径 必要属性
alt 自定义 图片不见时,显示描述图片的话
width 自定义 设置图片宽度,一般单位为px
height 自定义 设置图片高度,一般单位为px
border 自定义 设置图片的边框,一般为0
align 属性 属性值 使图片浮动至段落的左边或右边。
title 自定义 提示文本

链接标签a

1
语法:<a href="https://www.baidu.com" >这是百度</a>

图片链接

1
2
3
4
<a href="https://www.baidu.com">
<img src="media/img.png" />
这是百度
</a>

描点

1
2
3
4
命名描点的方法:
<a name="label">锚(显示在页面上的文本)</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#label">有用的提示</a>

邮箱链接

1
2
3
4
5
6
7
8
<p>
这是邮件链接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
</p>

<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

复杂的邮箱链接

1
2
3
4
5
6
7
8
<p>
这是另一个 mailto 链接:
<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>
</p>

<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>

空链接

如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href=”#”),表示该链接暂时为一个空链接。

属性

属性 属性值 描述
href 链接 必要属性
width 自定义 设置图片宽度,一般单位为px
height 自定义 设置图片高度,一般单位为px
target 有:self和blank 用于指定链接页面的打开方式,其中self为默认值,blank为在新窗口中打开方式。target=_blank
name 自定义 设置描点

base标签

1
2
3
4
5
设置整体链接的打开状态,

base写到<head></head>之间

所有的链接都会默认添加target="_blank"

pre标签(预格式化文本标签)

1
2
3
4
5
按照我们预先写好的文字格式来显示页面,保留空格和换行
<pre>
123 1324
16617 22
</pre>

内联框架iframe

1
2
语法:
<iframe src="https://www.baidu.com">这是百度</iframe>
删除边框
1
<iframe src="https://www.abidu.com" border="0"></iframe>
使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。

链接的 target 属性必须引用 iframe 的 name 属性:

1
2
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
属性
属性 属性值 含义
width 像素值,px 设置框架宽度
height 像素值,px 设置框架高度
border border=”0” 设置边框

特殊字符

1
2
&nbsp; 空格
< 小于号 > 大于号

表格标签table

表格由<table>标签定义,行由<tr>标签定义,各格由<td>标签定义

1
2
3
4
5
6
7
8
9
10
11
语法:
<table>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

表格的标题标签caption

定义表格标题

1
2
3
<table>
<caption>我是表格标题</caption>
</table>

表头标签th

表格的表头使用 <th> 标签进行定义。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

表格中的空单元格

设置表格的空单元格

1
2
3
4
5
6
7
8
9
10
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>row 2, cell 2</td>
</tr>
</table>

合并单元格的两种方式

  • 跨行合并:rowspan=”合并单元格的个数”

  • 跨列合并:colspan=”合并单元格的个数”

    合并单元格顺序

    合并的顺序我们按照 先上 后下 先左 后右 的顺序

    <thead></thead>:用于定义表格的头部。用来放标题之类的东西。<thead> 内部必须拥有 <tr> 标签!

    <tbody></tbody>:用于定义表格的主体。放数据本体 。

    <tfoot></tfoot>放表格的脚注之类。

    以上标签都是放到table标签中。

属性

属性 属性值 描述
border border=”1” 设置表格边框
width px 设置表格的宽度
height px 设置表格的高度
align left,center,right 设置表格在网页中的水平对齐方式
cellpadding 像素值,默认为2px 设置单元格内容与单元格边框之间的空白间隙
cellspacing 像素值默认为2px 设置单元格与单元格边框之间的空白间隙

列表标签

列表分有序列表和无序列表,自定义列表

有序列表

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

1
2
3
4
5
6
7
语法:
<ol>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ol>

无序列表

无序列表始于 <ul> 标签。每个列表项始于 <li>

1
2
3
4
5
语法:
<ul>
<li>2</li>
<li>2</li>
</ul>

自定义列表

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

1
2
3
4
5
6
7
语法:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。

<from>标签

<form> 定义表单

action属性指定叫表单提交那

action属性指定发往那去
下面这样是提交到当前页面

1
2
3
<form action"#">
-----
</form>

下面是提交到action_page.php里面

1
2
3
<form action"action_page.php">
-----
</form>

method属性指定get或post

下面提交的时候指定的是get

1
<form action="action_page.php" method="GET">

下面提交的时候指定的是post

1
<form action="action_page.php" method="POST">

target属性添加在另外一个窗口打开

案例

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>
<!--主要代码在这里-->
<form action="p.php" method="get" target="_blank" >
<input type="submit" />
</form>

</body>
</html>

属性

常见的属性 作用
action 指定叫表单提交那
method 的 HTTP 方法比如get post
target 提交后在新窗口中打开

<input>标签

<input>标签常见的属性

常见的属性

常见的属性 作用
type 创建单行文本输入框
name 当前input起个名字,用作表单参数
value 定义input元素的默认值
maxlength 规定input元素可输入最长字符数
width 下拉列表中的选项在<select> 选项组里面
width 宽度
height 高度

<input>标签的type属性

应为type属性很重要我下面就介绍一下type属性

type值 作用
button 按钮
submit 提交按钮
text 输入框
file 文件上传
password 密码输入框
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
checkbox 定义复选框
radio 单选框
reset 重置
tel 手机号码
email 邮箱地址
number 数字
date 日期

示例

text 文本

text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="text" >
</form>

</body>
</html>

button |按钮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="button" value="点击" > /*我们可以用value属性来添加字*/
</form>

</body>
</html>

我们可以用value属性来添加字

submit 提交按钮

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="submit" value="点击" > /*我们可以用value属性来添加字*/
</form>

</body>
</html>

radio 单选框

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="radio" >
</form>

</body>
</html>

checkbox 定义单选框

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="checkbox" >
</form>

</body>
</html>

‘file’文件

示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="file" >
</form>

</body>
</html>

’date‘ 日期

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<input type="date" >
</form>

</body>
</html>

<input>标签的name属性

name表单的名字, 这样,后台可以通过这个name属性找到这个表单。 页面中的表单很多,name主要作用就是用于区别不同的表单。

name属性后面的值,是我们自己定义的。

实例
他就是我们的参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form action="#" method="get" >
<!--主要代码在这里-->
<input type="text" name="user" /> <br/>
<!--主要代码在这里-->
<input type="text" name="passwd" /><br/>
<input type="submit" />
</form>

</body>
</html>

<select>选项组和<option>下拉列表中的选项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<select>
<option>www.baidu.com</option>
<option>360.com</option>
<option>bin.org</option>
</select>
</form>

</body>
</html>

<textarea> 文本域

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<meta charset="utf-8"/>
<title>测试</title>
</head>
<body>

<form>
<!--主要代码在这里-->
<textarea cols="30" rows="30" >默认字</textarea>
</form>

</body>
</html>

win10 ‘javac’ 不是内部或外部命令,也不是可运行的程序

今天学java,想在命令行编译一下java文件,谁知 ‘javac’ 不是内部或外部命令,也不是可运行的程序,总而言之,还是环境变量问题!!!!

然后百度了一波,发现上面讲解不一,最后发现是Path的路径问题,改成他的绝对路径,然后成功了

Path:C:\Program Files\Java\jdk1.8.0_131\bin(不要盲目复制,你要看下自己安装的路径)

在系统变量的path后面加上
C:\Program Files\Java\jdk1.8.0_131\bin(不要盲目复制,你要看下自己安装的路径)

然后就可以了

1
然后就可以了

http协议和https协议的区别

  • https
    • https是加密传输的黑客可以进行嗅探不到明文(黑客也可以用伪造密钥进行嗅探)
  • http
    • 他是明文传输的可以轻松的嗅探的密码

http请求

http请求有:请求行(request line)、请求头部(header)、空行和请求数据四个部分组成

常见报文格式:

img

常见的请求包

1
2
3
4
5
6
7
8
9
GET / HTTP/1.1
Host: localhost:8888
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Connection: close
Cookie: crisp-client%2Fsession%2F7ab2cb18-d418-443e-93a6-75ae83ae2793=session_21a654dd-beba-476b-9c62-68434e4cfdc9
Upgrade-Insecure-Requests: 1

根据 HTTP 标准,HTTP 请求可以使用多种请求方法。

HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD方法。

HTTP1.1 新增了六种请求方法:OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。

HTTP 请求方法

1
2
3
4
5
6
7
8
9
1 GET	请求指定的页面信息,并返回实体主体。
2 HEAD 类似于 GET 请求,只不过返回的响应中没有具体的内容,用于获取报头
3 POST 向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST 请求可能会导致新的资源的建立和/或已有资源的修改。
4 PUT 从客户端向服务器传送的数据取代指定的文档的内容。
5 DELETE 请求服务器删除指定的页面。
6 CONNECT HTTP/1.1 协议中预留给能够将连接改为管道方式的代理服务器。
7 OPTIONS 允许客户端查看服务器的性能。
8 TRACE 回显服务器收到的请求,主要用于测试或诊断。
9 PATCH 是对 PUT 方法的补充,用来对已知资源进行局部更新 。

http响应

HTTP响应也由四个部分组成,分别是:状态行、消息报头、空行和响应正文。
img

常见的响应报文

1
2
3
4
5
6
7
Accept:text/html,application/xhtml+xm…plication/xml;q=0.9,*/*;q=0.8
Accept-Encoding:gzip, deflate
Accept-Language:zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Connection:keep-alive
Host:192.168.51.88
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (X11; Linux x86_64…) Gecko/20100101 Firefox/68.0

http响应头信息

Allow 服务器支持哪些请求方法(如GET、POST等)。
Content-Encoding 文档的编码(Encode)方法。只有在解码之后才可以得到Content-Type头指定的内容类型。利用gzip压缩文档能够显著地减少HTML文档的下载时间。Java的GZIPOutputStream可以很方便地进行gzip压缩,但只有Unix上的Netscape和Windows上的IE 4、IE 5才支持它。因此,Servlet应该通过查看Accept-Encoding头(即request.getHeader(“Accept-Encoding”))检查浏览器是否支持gzip,为支持gzip的浏览器返回经gzip压缩的HTML页面,为其他浏览器返回普通页面。
Content-Length 表示内容长度。只有当浏览器使用持久HTTP连接时才需要这个数据。如果你想要利用持久连接的优势,可以把输出文档写入 ByteArrayOutputStream,完成后查看其大小,然后把该值放入Content-Length头,最后通过byteArrayStream.writeTo(response.getOutputStream()发送内容。
Content-Type 表示后面的文档属于什么MIME类型。Servlet默认为text/plain,但通常需要显式地指定为text/html。由于经常要设置Content-Type,因此HttpServletResponse提供了一个专用的方法setContentType。
Date 当前的GMT时间。你可以用setDateHeader来设置这个头以避免转换时间格式的麻烦。
Expires 应该在什么时候认为文档已经过期,从而不再缓存它?
Last-Modified 文档的最后改动时间。客户可以通过If-Modified-Since请求头提供一个日期,该请求将被视为一个条件GET,只有改动时间迟于指定时间的文档才会返回,否则返回一个304(Not Modified)状态。Last-Modified也可用setDateHeader方法来设置。
Location 表示客户应当到哪里去提取文档。Location通常不是直接设置的,而是通过HttpServletResponse的sendRedirect方法,该方法同时设置状态代码为302。
Refresh 表示浏览器应该在多少时间之后刷新文档,以秒计。除了刷新当前文档之外,你还可以通过setHeader(“Refresh”, “5; URL=http://host/path")让浏览器读取指定的页面。 注意这种功能通常是通过设置HTML页面HEAD区的<META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=http://host/path">实现,这是因为,自动刷新或重定向对于那些不能使用CGI或Servlet的HTML编写者十分重要。但是,对于Servlet来说,直接设置Refresh头更加方便。 注意Refresh的意义是”N秒之后刷新本页面或访问指定页面”,而不是”每隔N秒刷新本页面或访问指定页面”。因此,连续刷新要求每次都发送一个Refresh头,而发送204状态代码则可以阻止浏览器继续刷新,不管是使用Refresh头还是<META HTTP-EQUIV=”Refresh” …>。 注意Refresh头不属于HTTP 1.1正式规范的一部分,而是一个扩展,但Netscape和IE都支持它。
Server 服务器名字。Servlet一般不设置这个值,而是由Web服务器自己设置。
Set-Cookie 设置和页面关联的Cookie。Servlet不应使用response.setHeader(“Set-Cookie”, …),而是应使用HttpServletResponse提供的专用方法addCookie。参见下文有关Cookie设置的讨论。
WWW-Authenticate 客户应该在Authorization头中提供什么类型的授权信息?在包含401(Unauthorized)状态行的应答中这个头是必需的。例如,response.setHeader(“WWW-Authenticate”, “BASIC realm=\”executives\””)。 注意Servlet一般不进行这方面的处理,而是让Web服务器的专门机制来控制受密码保护页面的访问(例如.htaccess)。

http状态码

当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。

HTTP状态码的英文为HTTP Status Code。

下面是常见的HTTP状态码:

  • 200 - 请求成功

  • 301 - 资源(网页等)被永久转移到其它URL

  • 404 - 请求的资源(网页等)不存在

  • 500 - 内部服务器错误

    http状态码分类

    HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字没有分类的作用。HTTP状态码共分为5种类型:

    ​ HTTP状态码分类

    分类 分类描述
    1** 信息,服务器收到请求,需要请求者继续执行操作
    2** 成功,操作被成功接收并处理
    3** 重定向,需要进一步的操作以完成请求
    4** 客户端错误,请求包含语法错误或无法完成请求
    5** 服务器错误,服务器在处理请求的过程中发生了错误

    HTTP状态码列表:

    状态码 状态码英文名称 中文描述
    100 Continue 继续。客户端应继续其请求
    101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议,例如,切换到HTTP的新版本协议
    200 OK 请求成功。一般用于GET与POST请求
    201 Created 已创建。成功请求并创建了新的资源
    202 Accepted 已接受。已经接受请求,但未处理完成
    203 Non-Authoritative Information 非授权信息。请求成功。但返回的meta信息不在原始的服务器,而是一个副本
    204 No Content 无内容。服务器成功处理,但未返回内容。在未更新网页的情况下,可确保浏览器继续显示当前文档
    205 Reset Content 重置内容。服务器处理成功,用户终端(例如:浏览器)应重置文档视图。可通过此返回码清除浏览器的表单域
    206 Partial Content 部分内容。服务器成功处理了部分GET请求
    300 Multiple Choices 多种选择。请求的资源可包括多个位置,相应可返回一个资源特征与地址的列表用于用户终端(例如:浏览器)选择
    301 Moved Permanently 永久移动。请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替
    302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
    303 See Other 查看其它地址。与301类似。使用GET和POST请求查看
    304 Not Modified 未修改。所请求的资源未修改,服务器返回此状态码时,不会返回任何资源。客户端通常会缓存访问过的资源,通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源
    305 Use Proxy 使用代理。所请求的资源必须通过代理访问
    306 Unused 已经被废弃的HTTP状态码
    307 Temporary Redirect 临时重定向。与302类似。使用GET请求重定向
    400 Bad Request 客户端请求的语法错误,服务器无法理解
    401 Unauthorized 请求要求用户的身份认证
    402 Payment Required 保留,将来使用
    403 Forbidden 服务器理解请求客户端的请求,但是拒绝执行此请求
    404 Not Found 服务器无法根据客户端的请求找到资源(网页)。通过此代码,网站设计人员可设置”您所请求的资源无法找到”的个性页面
    405 Method Not Allowed 客户端请求中的方法被禁止
    406 Not Acceptable 服务器无法根据客户端请求的内容特性完成请求
    407 Proxy Authentication Required 请求要求代理的身份认证,与401类似,但请求者应当使用代理进行授权
    408 Request Time-out 服务器等待客户端发送的请求时间过长,超时
    409 Conflict 服务器完成客户端的 PUT 请求时可能返回此代码,服务器处理请求时发生了冲突
    410 Gone 客户端请求的资源已经不存在。410不同于404,如果资源以前有现在被永久删除了可使用410代码,网站设计人员可通过301代码指定资源的新位置
    411 Length Required 服务器无法处理客户端发送的不带Content-Length的请求信息
    412 Precondition Failed 客户端请求信息的先决条件错误
    413 Request Entity Too Large 由于请求的实体过大,服务器无法处理,因此拒绝请求。为防止客户端的连续请求,服务器可能会关闭连接。如果只是服务器暂时无法处理,则会包含一个Retry-After的响应信息
    414 Request-URI Too Large 请求的URI过长(URI通常为网址),服务器无法处理
    415 Unsupported Media Type 服务器无法处理请求附带的媒体格式
    416 Requested range not satisfiable 客户端请求的范围无效
    417 Expectation Failed 服务器无法满足Expect的请求头信息
    500 Internal Server Error 服务器内部错误,无法完成请求
    501 Not Implemented 服务器不支持请求的功能,无法完成请求
    502 Bad Gateway 作为网关或者代理工作的服务器尝试执行请求时,从远程服务器接收到了一个无效的响应
    503 Service Unavailable 由于超载或系统维护,服务器暂时的无法处理客户端的请求。延时的长度可包含在服务器的Retry-After头信息中
    504 Gateway Time-out 充当网关或代理的服务器,未及时从远端服务器获取请求
    505 HTTP Version not supported 服务器不支持请求的HTTP协议的版本,无法完成处理

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html> 声明html5文档
<html>html网页的根标签
<head>包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8
<title>描述了文档的标题
<body>包含了可见的页面内容
<h1>~<h6>定义标题大小
<p>定义段落
<img>标签显示图片
<table>定义表格
通常第一行为<tr><th> 第二行之后为<tr><td>
单标签:<hr />水平线标签
<br />换行标签
1
2
盒子标签:div和span(用来布局的)
区别:div 一行只能放一个,span一行能放多个
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<form action="http://www.baidu.com/s" method="get">     get请求百度


<button></button> 勾选按钮
<button onclick="displayDate()">现在的时间是?</button>
//设置一个鼠标点击相应按钮

<h2 style="background-color:red;">这是一个标题</h2> 设置文字底色为红色

<a href="">百度</a> 网站链接
在<a>标签中设置target属性为_blank ,网站链接就会在新窗口打开

<img src=""> src指向图片位置,发送请求,携带cookie
<body bgcolor=""> 背景颜色bgcolor
<form action="http://www.baidu.com/s" method="get"> get请求百度
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

<input type="text" name="wd"> wd参数
<input type="submit" name="submit"> submit输入按钮(提交按钮)

<ul><li><li></ul> 无序列表,开头用·标记
<ol><li><li></ol> 有序列表,开头用数字标记

<div style="color:#0000FF">
<h3>这是一个在 div 元素中的标题。</h3>
<p>这是一个在 div 元素中的文本。</p>
</div> div标签将区域文字颜色变为蓝色 (属于块级元素)

<p>陶泥猴子<span style="color:bule;font-weight:bold">代码</span>好难啊</p>
而span标签将文本中的一部分进行编辑, 这里是将“代码”变为蓝色