diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..73f69e0
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/artifacts/TomcatDemo_war_exploded.xml b/.idea/artifacts/TomcatDemo_war_exploded.xml
new file mode 100644
index 0000000..1f8adbd
--- /dev/null
+++ b/.idea/artifacts/TomcatDemo_war_exploded.xml
@@ -0,0 +1,13 @@
+<component name="ArtifactManager">
+  <artifact type="exploded-war" name="TomcatDemo:war exploded">
+    <output-path>$PROJECT_DIR$/out/artifacts/TomcatDemo_war_exploded</output-path>
+    <root id="root">
+      <element id="javaee-facet-resources" facet="_JAVAWEB/web/Web" />
+      <element id="directory" name="WEB-INF">
+        <element id="directory" name="classes">
+          <element id="module-output" name="_JAVAWEB" />
+        </element>
+      </element>
+    </root>
+  </artifact>
+</component>
\ No newline at end of file
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
new file mode 100644
index 0000000..c2bae49
--- /dev/null
+++ b/.idea/encodings.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" defaultCharsetForPropertiesFiles="UTF-8">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/libraries/gson_2_8_5.xml b/.idea/libraries/gson_2_8_5.xml
new file mode 100644
index 0000000..95040b6
--- /dev/null
+++ b/.idea/libraries/gson_2_8_5.xml
@@ -0,0 +1,9 @@
+<component name="libraryTable">
+  <library name="gson-2.8.5">
+    <CLASSES>
+      <root url="jar://$PROJECT_DIR$/web/WEB-INF/lib/gson-2.8.5.jar!/" />
+    </CLASSES>
+    <JAVADOC />
+    <SOURCES />
+  </library>
+</component>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..e0844bc
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="11" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..35c036f
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/_JAVAWEB.iml" filepath="$PROJECT_DIR$/_JAVAWEB.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/_JAVAWEB.iml b/_JAVAWEB.iml
new file mode 100644
index 0000000..de3fafb
--- /dev/null
+++ b/_JAVAWEB.iml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="FacetManager">
+    <facet type="web" name="Web">
+      <configuration>
+        <descriptors>
+          <deploymentDescriptor name="web.xml" url="file://$MODULE_DIR$/web/WEB-INF/web.xml" />
+        </descriptors>
+        <webroots>
+          <root url="file://$MODULE_DIR$/web" relative="/" />
+        </webroots>
+      </configuration>
+    </facet>
+  </component>
+  <component name="NewModuleRootManager">
+    <output url="file://$MODULE_DIR$/web/WEB-INF/classes" />
+    <output-test url="file://$MODULE_DIR$/web/WEB-INF/classes" />
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" scope="PROVIDED" name="Tomcat 7.0.104" level="application_server_libraries" />
+    <orderEntry type="module-library">
+      <library>
+        <CLASSES>
+          <root url="file://$MODULE_DIR$/web/WEB-INF/lib" />
+        </CLASSES>
+        <JAVADOC />
+        <SOURCES />
+        <jarDirectory url="file://$MODULE_DIR$/web/WEB-INF/lib" recursive="false" />
+      </library>
+    </orderEntry>
+  </component>
+</module>
\ No newline at end of file
diff --git a/out/artifacts/TomcatDemo_war_exploded/WEB-INF/web.xml b/out/artifacts/TomcatDemo_war_exploded/WEB-INF/web.xml
new file mode 100644
index 0000000..cbd3f16
--- /dev/null
+++ b/out/artifacts/TomcatDemo_war_exploded/WEB-INF/web.xml
@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
+         version="4.0">
+<!--    <listener>-->
+<!--        <listener-class>Listener.ApplicationlistenerDemo</listener-class>-->
+<!--    </listener>-->
+    <!--注册
+           1.类的全路径加载
+           2.url
+           -->
+    <context-param>
+        <param-name>age</param-name>
+        <param-value>18</param-value>
+    </context-param>
+    <servlet>
+    <servlet-name>HelloServlet</servlet-name>
+        <servlet-class>Servlet.HelloServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>HelloServlet</servlet-name>
+        <url-pattern>/HelloServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>MyServlet</servlet-name>
+        <servlet-class>Servlet.MyServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>MyServlet</servlet-name>
+        <url-pattern>/MyServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>LoginServlet</servlet-name>
+        <servlet-class>Servlet.LoginServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>LoginServlet</servlet-name>
+        <url-pattern>/LoginServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>RegistServlet</servlet-name>
+        <servlet-class>Servlet.RegistServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>RegistServlet</servlet-name>
+        <url-pattern>/RegistServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>CreateCookieServlet</servlet-name>
+        <servlet-class>Servlet.CreateCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>CreateCookieServlet</servlet-name>
+        <url-pattern>/CreateCookieServlet</url-pattern>
+    </servlet-mapping>
+
+
+    <servlet>
+        <servlet-name>GetCookieServlet</servlet-name>
+        <servlet-class>Servlet.GetCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>GetCookieServlet</servlet-name>
+        <url-pattern>/GetCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>UpdateCookieServlet</servlet-name>
+        <servlet-class>Servlet.UpdateCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>UpdateCookieServlet</servlet-name>
+        <url-pattern>/UpdateCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>KeepCookieServlet</servlet-name>
+        <servlet-class>Servlet.KeepCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>KeepCookieServlet</servlet-name>
+        <url-pattern>/KeepCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>UserCookieServlet</servlet-name>
+        <servlet-class>Servlet.UserCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>UserCookieServlet</servlet-name>
+        <url-pattern>/UserCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>GetSessionServlet</servlet-name>
+        <servlet-class>Servlet.GetSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>GetSessionServlet</servlet-name>
+        <url-pattern>/GetSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>KeepSessionServlet</servlet-name>
+        <servlet-class>Servlet.KeepSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>KeepSessionServlet</servlet-name>
+        <url-pattern>/KeepSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>RemoveSessionServlet</servlet-name>
+        <servlet-class>Servlet.RemoveSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>RemoveSessionServlet</servlet-name>
+        <url-pattern>/RemoveSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>FormRepeatServlet</servlet-name>
+        <servlet-class>Servlet.FormRepeatServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>FormRepeatServlet</servlet-name>
+        <url-pattern>/FormRepeatServlet</url-pattern>
+    </servlet-mapping>
+
+
+    <filter>
+        <filter-name>HelloWorldFilter</filter-name>
+        <filter-class>Filter.HelloWorldFilter</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>HelloWorldFilter</filter-name>
+<!--        <url-pattern>/HelloWorldFilter</url-pattern>-->
+        <url-pattern>/userServlet</url-pattern>
+    </filter-mapping>
+
+    <servlet>
+        <servlet-name>userServlet</servlet-name>
+        <servlet-class>Filter.userServlet</servlet-class>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>userServlet</servlet-name>
+        <url-pattern>/userServlet</url-pattern>
+    </servlet-mapping>
+
+    <filter>
+        <filter-name>userServletFilter</filter-name>
+        <filter-class>Filter.userServletFilter</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>userServletFilter</filter-name>
+        <url-pattern>/userServlet</url-pattern>
+<!--        <servlet-name>userServlet</servlet-name>-->
+<!--        <url-pattern>*.jsp</url-pattern>-->
+<!--        <url-pattern>/web/Cookie/*</url-pattern>-->
+    </filter-mapping>
+
+
+    <filter>
+        <filter-name>HttpFilterTest</filter-name>
+        <filter-class>Filter.HttpFilterTest</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>HttpFilterTest</filter-name>
+        <!--        <url-pattern>/HelloWorldFilter</url-pattern>-->
+        <url-pattern>/HttpFilterTest</url-pattern>
+    </filter-mapping>
+
+<!--    <filter>-->
+<!--        <filter-name>CharSetFilter</filter-name>-->
+<!--        <filter-class>Filter.CharSetFilter</filter-class>-->
+<!--        <init-param>-->
+<!--            <param-name>code</param-name>-->
+<!--            <param-value>UTF-8</param-value>-->
+<!--        </init-param>-->
+<!--    </filter>-->
+<!--    <filter-mapping>-->
+<!--        <filter-name>CharSetFilter</filter-name>-->
+<!--        &lt;!&ndash;        <url-pattern>/HelloWorldFilter</url-pattern>&ndash;&gt;-->
+<!--        <url-pattern>/*</url-pattern>-->
+<!--    </filter-mapping>-->
+
+    <servlet>
+        <servlet-name>AjaxServlet</servlet-name>
+        <servlet-class>Ajax.AjaxServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>AjaxServlet</servlet-name>
+        <url-pattern>/AjaxServlet</url-pattern>
+    </servlet-mapping>
+</web-app>
\ No newline at end of file
diff --git a/out/artifacts/TomcatDemo_war_exploded/index.jsp b/out/artifacts/TomcatDemo_war_exploded/index.jsp
new file mode 100644
index 0000000..f14fda0
--- /dev/null
+++ b/out/artifacts/TomcatDemo_war_exploded/index.jsp
@@ -0,0 +1,16 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/24
+  Time: 17:18
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+  <head>
+    <title>$Title$</title>
+  </head>
+  <body>
+  hello
+  </body>
+</html>
diff --git a/src/Ajax/AjaxServlet.java b/src/Ajax/AjaxServlet.java
new file mode 100644
index 0000000..6c8f59d
--- /dev/null
+++ b/src/Ajax/AjaxServlet.java
@@ -0,0 +1,31 @@
+package Ajax;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+
+@WebServlet(name = "AjaxServlet")
+public class AjaxServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        System.out.println("doPost()");
+        String name = request.getParameter("name");
+        String location = request.getParameter("location");
+        System.out.println("name:"+name+"   location:"+location);
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        System.out.println("doGet()");
+        String name = request.getParameter("name");
+        String age = request.getParameter("age");
+        System.out.println(name);
+        System.out.println(age);
+        PrintWriter writer = response.getWriter();
+        //writer.write("success!!!");
+        //如果dataType:"json",则返回一定要是json格式,否则会报错
+        writer.write("{\"msg\":\"success\"}");
+    }
+}
diff --git a/src/CSS/lesson01/index.html b/src/CSS/lesson01/index.html
deleted file mode 100644
index b7346ac..0000000
--- a/src/CSS/lesson01/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-<!--规范，<style>可以编写css代码，每一个声明最好使用分号结尾
-语法：选择器{
-声明1;
-声明2;
-           }
--->
-    <link rel="stylesheet" href="lesson01/style.css">
-</head>
-<body>
-<h1>我是标题</h1>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/CSS/lesson01/style.css b/src/CSS/lesson01/style.css
deleted file mode 100644
index 414dfeb..0000000
--- a/src/CSS/lesson01/style.css
+++ /dev/null
@@ -1,4 +0,0 @@
-
-        h1{
-        color:red;
-        }
\ No newline at end of file
diff --git a/src/CSS/lesson02/index.html b/src/CSS/lesson02/index.html
deleted file mode 100644
index 3741cb7..0000000
--- a/src/CSS/lesson02/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--优先级：就近原则-->
-<!--行内样式：在标签元素中，编写一个style属性，编写样式即可-->
-<h1 style="color:red">我的标题</h1>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson04/1.\345\261\202\346\254\241\351\200\211\346\213\251\345\231\250.html" "b/src/CSS/lesson04/1.\345\261\202\346\254\241\351\200\211\346\213\251\345\231\250.html"
deleted file mode 100644
index ae44fac..0000000
--- "a/src/CSS/lesson04/1.\345\261\202\346\254\241\351\200\211\346\213\251\345\231\250.html"
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        /*p*/
-        /*{*/
-        /*    color:green;*/
-        /*}*/
-        /*后代选择器*/
-        /*body p{*/
-        /*    background:  red;*/
-        /*}*/
-        /*子选择器*/
-        /*body>p{*/
-        /*    background: blue;*/
-        /*}*/
-        /*相邻兄弟选择器*/
-        /*.active+p{*/
-        /*    background: #a13d30;*/
-        /*}*/
-        /*#w+p{*/
-        /*    background: aqua;*/
-        /*}*/
-    /*通用兄弟选择器，当前选中元素的所有向下的兄弟元素*/
-        .active~p{
-            background: aqua;
-        }
-    </style>
-</head>
-<body>
-<p>p0</p>
-<p class="active" id="w">p1</p>
-<p>p2</p>
-<p>p3</p>
-<ul>
-    <li><p>p4</p></li>
-    <li><p>p5</p></li>
-    <li><p>p6</p></li>
-</ul>
-<p class="active">p7</p>
-<p>p8</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson04/2.\347\273\223\346\236\204\344\274\252\347\261\273\351\200\211\346\213\251\345\231\250.html" "b/src/CSS/lesson04/2.\347\273\223\346\236\204\344\274\252\347\261\273\351\200\211\346\213\251\345\231\250.html"
deleted file mode 100644
index b8977f5..0000000
--- "a/src/CSS/lesson04/2.\347\273\223\346\236\204\344\274\252\347\261\273\351\200\211\346\213\251\345\231\250.html"
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-
-    <style>
-        /*选中ul的第一个子元素*/
-        ul li:first-child{
-            background: green;
-        }
-        /*选中ul的最后一个子元素*/
-        ul li:last-child{
-            background: aqua;
-        }
-    /*选中p1*/
-    /*    body p:first-child{*/
-    /*    background: #a13d30;*/
-    /*    }*/
-    /* 选择当前p元素的父级元素，选中父级元素的第一个,并且是当前元素才生效 */
-    /*    p:nth-child(1){*/
-    /*        background: aquamarine;*/
-    /*    }*/
-    /* 选中父级元素里下的p元素的第二个*/
-        p:nth-of-type(2){
-            background: yellow;
-        }
-        a:hover{
-            background: aqua;
-        }
-    </style>
-</head>
-<body>
-<a href="https://www.baidu.com/?tn=48021271_11_hao_pg">333</a>
-<p>p1</p>
-<p>p2</p>
-<p>p3</p>
-<ul>
-    <li>l1</li>
-    <li>l2</li>
-    <li>l3</li>
-</ul>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson04/3.\345\261\236\346\200\247\351\200\211\346\213\251\345\231\250.html" "b/src/CSS/lesson04/3.\345\261\236\346\200\247\351\200\211\346\213\251\345\231\250.html"
deleted file mode 100644
index aeaa4f4..0000000
--- "a/src/CSS/lesson04/3.\345\261\236\346\200\247\351\200\211\346\213\251\345\231\250.html"
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-      .demo a{
-          float: left;
-          display: block;
-          height: 50px;
-          width: 50px;
-          border-radius: 10px;
-          background: aqua;
-          text-align: center;
-          color: green;
-          text-decoration: none;
-          margin-right: 5px;
-          font: bold 20px/50px Arial;
-      }
-        /*存在id属性的元素  a[]{}*/
-        /*a[id]{*/
-        /*    background: yellow;*/
-        /*}*/
-      /*属性名，属性名=属性值(可以正则)
-      =绝对等于
-      *=包含这个元素
-      ^=以这个开头
-      $=以这个结尾
-      */
-      /*  a[id=first]{*/
-      /*      background: red;*/
-      /*  }*/
-      /*class中含有links的元素*/
-      /*  a[class*="links"]{*/
-      /*      background: red;*/
-      /*  }*/
-      /*  a[href*="ab"]{*/
-      /*      background: blue;*/
-
-        /*选中href中以http开头的元素*/
-        /*a[href^=http]{*/
-        /*    background: red;*/
-        /*}*/
-        a[href$=doc]{
-            background: red;
-        }
-    </style>
-</head>
-<body>
-<p class="demo">
-    <a href="http://www.baidu.com" class="links item first" id="first">1</a>
-    <a href=""class="links item active" target="_blank" title="test">2</a>
-    <a href="abc.doc">3</a>
-    <a href="/abc.pdf">4</a>
-    <a href="images/123.html">5</a>
-    <a href="images/123.jpg" class="links item last">6</a>
-</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson05/1.span\346\240\207\347\255\276.html" "b/src/CSS/lesson05/1.span\346\240\207\347\255\276.html"
deleted file mode 100644
index 1a845e3..0000000
--- "a/src/CSS/lesson05/1.span\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        #title1{
-            font-size: 50px;
-        }
-    </style>
-</head>
-<body>
-欢迎学习    <span id="title1">css</span>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\217.html" "b/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\217.html"
deleted file mode 100644
index 0488bfb..0000000
--- "a/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\217.html"
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--font-family 字体
-    font-size 大小
-    font-weight 字体粗细
-    color 字体颜色
-    -->
-    <style>
-        body{
-            font-family:"Arial Black",楷体;
-            color: #ff0000;
-        }
-        h1{
-            font-size: 50px;/*em缩进*/
-        }
-        .p1{
-            font-weight: bold;
-        }
-    </style>
-</head>
-<body>
-<h1>故事介绍</h1>
-<p class="p1">小说主要描绘了一个名叫斗罗大陆的武魂世界。唐门外门弟子唐三，因偷学内门绝学而为唐门所不容，
-    跳崖明志时却发现穿越到另一个世界，即斗罗大陆的圣魂村。这里没有魔法，没有武术，没有战斗力，</p>
-<p>
-    却有神奇的武魂。这里的每个人在6岁的时候，都会在武魂殿中在魂师的帮助下进行武魂觉醒。武魂有动物，有植物，有器物</p>
-<p>武魂可以辅助人们的曰常生活，有特殊天赋的人可以用之修炼并进行战斗。   </p>
-
-<p>
-    He was my North, my South, my East and West, My working week and my Sunday rest,
-    My noon, my midnight, my talk, my song;
-    I thought that love would last forever: I was wrong.”
-</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\2172.html" "b/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\2172.html"
deleted file mode 100644
index 1906fed..0000000
--- "a/src/CSS/lesson05/2.\345\255\227\344\275\223\346\240\267\345\274\2172.html"
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--字体风格-->
-    <style>
-        p{
-            font: oblique bolder 12px 楷体;
-        }
-    </style>
-</head>
-<body>
-<p>
-    却有神奇的武魂。这里的每个人在6岁的时候，都会在武魂殿中在魂师的帮助下进行武魂觉醒。武魂有动物，有植物，有器物</p>
-<p>武魂可以辅助人们的曰常生活，有特殊天赋的人可以用之修炼并进行战斗。   </p>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\217.html" "b/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\217.html"
deleted file mode 100644
index e1b9ffb..0000000
--- "a/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\217.html"
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--颜色：单词 RGB 0~F RGBA
-            text-align:center 排版，居中
-              text-indent: 2em 段落首行缩进
-                height: 300px; 行高和块的高度一致就会竖向居中
-                line-height: 300px;
-            -->
-    <style>
-        h1{
-            color:rgba(0,255,255,0.8) ;
-            text-align: center;
-        }
-        .p1{
-            text-indent: 2em;
-        }
-        .p3{
-            background: #a13d30;
-            height: 300px;
-            line-height: 300px;
-        }
-        .l3{
-            text-decoration: underline;/*下划线*/
-        }
-        .l2{
-            text-decoration: line-through;/*中划线*/
-        }
-        .l1{
-            text-decoration: overline;/*上划线*/
-        }
-    </style>
-</head>
-<body>
-<p class="l3">3333</p>
-<p class="l2">2222</p>
-<p class="l1">1111</p>
-<h1>故事介绍</h1>
-<p class="p1">小说主要描绘了一个名叫斗罗大陆的武魂世界。唐门外门弟子唐三，因偷学内门绝学而为唐门所不容，
-    跳崖明志时却发现穿越到另一个世界，即斗罗大陆的圣魂村。这里没有魔法，没有武术，没有战斗力，</p>
-<p class="p3">
-    却有神奇的武魂。这里的每个人在6岁的时候，都会在武魂殿中在魂师的帮助下进行武魂觉醒。武魂有动物，有植物，有器物</p>
-<p>武魂可以辅助人们的曰常生活，有特殊天赋的人可以用之修炼并进行战斗。   </p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\2172.html" "b/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\2172.html"
deleted file mode 100644
index 69034c5..0000000
--- "a/src/CSS/lesson05/3.\346\226\207\346\234\254\346\240\267\345\274\2172.html"
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-<!--水平对齐~参照物 a,b（文本文字居中对齐）
-   vertical-align:middle;居中
--->
-    <style>
-        img,span{
-        vertical-align:middle;
-        }
-    </style>
-</head>
-<body>
-<p><img src="少女小舞.jpg" width="400" height="300" >
-    <span>asasassa</span>
-</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson06/1.\350\266\205\351\223\276\346\216\245\344\274\252\347\261\273.html" "b/src/CSS/lesson06/1.\350\266\205\351\223\276\346\216\245\344\274\252\347\261\273.html"
deleted file mode 100644
index 0bf1615..0000000
--- "a/src/CSS/lesson06/1.\350\266\205\351\223\276\346\216\245\344\274\252\347\261\273.html"
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-       /*默认的颜色*/
-        a{
-            text-decoration: none;
-            color: black;
-        }
-        /*鼠标悬浮颜色*/
-        a:hover{
-            color: orange;
-            font-size: 30px;
-        }
-        /*鼠标按住未释放*/
-        a:active{
-            color: green;
-        }
-        #price{        /*水平偏移 垂直偏移，阴影半径，影响颜色*/
-            text-shadow: 10px 10px 2px cornflowerblue;
-        }
-    </style>
-</head>
-<body>
-<a href="#">
-    <img src="11.jpg" alt="你当像鸟飞往你的山">
-</a>
-<p>
-    <a href="#">你当像鸟飞往你的山</a>
-</p>
-<p>
-    <a href="">作者：塔拉·韦斯特弗</a>
-</p>
-<p id="price">
-    ￥59
-</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson06/2.\345\210\227\350\241\250\346\240\267\345\274\217\347\273\203\344\271\240.html" "b/src/CSS/lesson06/2.\345\210\227\350\241\250\346\240\267\345\274\217\347\273\203\344\271\240.html"
deleted file mode 100644
index 1f090a8..0000000
--- "a/src/CSS/lesson06/2.\345\210\227\350\241\250\346\240\267\345\274\217\347\273\203\344\271\240.html"
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<link rel="stylesheet" href="../goods.css" />
-<body>
-<div id="nav">
-    <h2 class="title">全部商品分类</h2>
-    <ul>
-        <li><a href="#">图书</a>&nbsp;&nbsp;<a href="#">音像</a>&nbsp;&nbsp;<a href="#">数字产品</a></li>
-        <li><a href="#">家用电器</a>&nbsp;&nbsp;<a href="#">手机</a>&nbsp;&nbsp;<a href="#">数码</a></li>
-        <li><a href="#">电脑</a>&nbsp;&nbsp;<a href="#">办公</a></li>
-        <li><a href="#">家居</a>&nbsp;&nbsp;<a href="#">家装</a>&nbsp;&nbsp;<a href="#">厨具</a></li>
-        <li><a href="#">服饰鞋包</a>&nbsp;&nbsp;<a href="#">个护化妆</a></li>
-        <li><a href="#">彩票</a>&nbsp;&nbsp;<a href="#">旅行</a>&nbsp;&nbsp;<a href="#">充值</a></li>
-    </ul>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/CSS/lesson06/goods.css b/src/CSS/lesson06/goods.css
deleted file mode 100644
index 1a99de6..0000000
--- a/src/CSS/lesson06/goods.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.title{
-    font-size: 18px;
-    font-weight: bold;
-    tab-index: 1em;
-    line-height: 30px;
-    background: red;
-}
-/*
-list-style：
-none 去掉圆点
-circle 空心圆
-decimal 数字
-square 正方形
-*/
-#nav{
-    width: 270px;
-}
-ul{
-    background: #61646b;
-}
-ul li{
-    height: 30px;
-    list-style: none;
-    tab-index: 1em;
-       /* background-image: url("11.jpg");
-        background-repeat: no-repeat;
-        background-position: 150px 20px;*/
-}
-a{
-    text-decoration: none;
-    color: black;
-}
-a:hover{
-    color: cadetblue;
-    text-decoration: underline;
-}
\ No newline at end of file
diff --git "a/src/CSS/lesson07/\346\270\220\345\217\230.html" "b/src/CSS/lesson07/\346\270\220\345\217\230.html"
deleted file mode 100644
index 654fb6c..0000000
--- "a/src/CSS/lesson07/\346\270\220\345\217\230.html"
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!-- 径向渐变，原型渐变
-   /*网站为https://www.grabient.com/*/
-    -->
-    <style>
-        body{
-            background-color: #52ACFF;
-            background-image: linear-gradient(315deg, #52ACFF 25%, #FFE32C 100%);
-        }
-    </style>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson07/\350\203\214\346\231\257.html" "b/src/CSS/lesson07/\350\203\214\346\231\257.html"
deleted file mode 100644
index c212f62..0000000
--- "a/src/CSS/lesson07/\350\203\214\346\231\257.html"
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        div{
-            width: 400px;
-            height: 300px;
-            border: 1px solid red;
-            background-image: url("11.jpg");
-            /*默认全部平铺*/
-        }
-        .div1{
-            background-repeat:repeat-x ;
-        }
-        .div2{
-            background-repeat: repeat-y;
-        }
-        .div3{
-            background-repeat: no-repeat;
-        }
-    </style>
-</head>
-<body>
-<div class="div1"></div>
-<div class="div2"></div>
-<div class="div3"></div>
-</body>
-</html>ml>
\ No newline at end of file
diff --git a/src/CSS/lesson09/display.html b/src/CSS/lesson09/display.html
deleted file mode 100644
index 63ae7bd..0000000
--- a/src/CSS/lesson09/display.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--
-    block 块元素
-    inline 行内元素
-    inline-block 是块元素但是可以内联在一行
-    none
-    -->
-    <style>
-        div{
-            width: 100px;
-            height: 100px;
-            border: 1px solid red;
-            display: inline;
-        }
-        span{
-            width: 100px;
-            height: 100px;
-            border: 1px solid red;
-            display: inline-block;
-        }
-    </style>
-</head>
-<body>
-<div>div块元素</div>
-<span>span行内元素</span>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson09/\346\265\256\345\212\250.html" "b/src/CSS/lesson09/\346\265\256\345\212\250.html"
deleted file mode 100644
index 3829f14..0000000
--- "a/src/CSS/lesson09/\346\265\256\345\212\250.html"
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--float:行内元素浮动(相比于display，更实用，因为display方向不好控制，但float浮动起来会脱离标准文档流，所以要解决父级边框塌陷的问题)，
-left往左，right往右-->
-<!--clear:right 右侧不允许有浮动
-    clear:left 左侧不允许有浮动
-    clear:both 两侧不允许有浮动
-    clear:none-->
-<!--解决父级元素塌陷的问题：重要！
-1：增加父级元素的高度
-简单，元素假设有了固定的高度，就会被限制
-2：增加一个空的div标签，清除浮动
-简单，但是代码中尽量避免空div
-3：overflow 在父级元素中增加一个 overflow：hidden
-简单，下拉的一些场景避免使用
-4:父类添加一个伪类；after
-避免增加一个空的div
-例:#father:after{
-content: '';
-display:block;
-clear:both;
-}-->
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson10/1\351\273\230\350\256\244\346\203\205\345\206\265.html" "b/src/CSS/lesson10/1\351\273\230\350\256\244\346\203\205\345\206\265.html"
deleted file mode 100644
index 8b53b19..0000000
--- "a/src/CSS/lesson10/1\351\273\230\350\256\244\346\203\205\345\206\265.html"
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        div{
-            margin: 10px;
-            padding: 5px;
-            font-size: 12px;
-            line-height: 25px;
-        }
-        #father{
-            border: 1px solid red;
-            padding: 0;
-        }
-        #first{
-            background-color: rosybrown;
-            border: 1px dashed rebeccapurple;
-        }
-        #second{
-            background-color: cornflowerblue;
-            border: 1px dashed blue;
-        }
-        #third{
-            background-color: greenyellow;
-            border: 1px dashed green;
-        }
-    </style>
-</head>
-<body>
-<div id="father">
-    <div id="first">第一个盒子</div>
-    <div id="second">第二个盒子</div>
-    <div id="third">第三个盒子</div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson10/2\347\233\270\345\257\271\345\256\232\344\275\215.html" "b/src/CSS/lesson10/2\347\233\270\345\257\271\345\256\232\344\275\215.html"
deleted file mode 100644
index 9de1ef4..0000000
--- "a/src/CSS/lesson10/2\347\233\270\345\257\271\345\256\232\344\275\215.html"
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--相对定位：
-    相对于自己原来的位置进行偏移，仍然在标准文档流当中，原来的位置会被保留-->
-    <style>
-        body{
-            padding: 20px;
-        }
-        div{
-            margin: 10px;
-            padding: 5px;
-            font-size: 12px;
-            line-height: 25px;
-        }
-        #father{
-            border: 1px solid red;
-            padding: 0;
-        }
-        #first{
-            background-color: rosybrown;
-            border: 1px dashed rebeccapurple;
-            position: relative;/*相对定位；上下左右*/
-            top:-10px;/*往上移动10个位置*/
-            left: 10px;
-        }
-        #second{
-            background-color: cornflowerblue;
-            border: 1px dashed blue;
-        }
-        #third{
-            background-color: greenyellow;
-            border: 1px dashed green;
-            position: relative;
-            bottom: -10px;
-            right: -10px;
-        }
-    </style>
-</head>
-<body>
-<div id="father">
-    <div id="first">第一个盒子</div>
-    <div id="second">第二个盒子</div>
-    <div id="third">第三个盒子</div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson10/3\347\273\203\344\271\240_\346\226\271\345\235\227\345\256\232\344\275\215.html" "b/src/CSS/lesson10/3\347\273\203\344\271\240_\346\226\271\345\235\227\345\256\232\344\275\215.html"
deleted file mode 100644
index 01842fd..0000000
--- "a/src/CSS/lesson10/3\347\273\203\344\271\240_\346\226\271\345\235\227\345\256\232\344\275\215.html"
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        #box{
-            width: 300px;
-            height: 300px;
-            border: 2px solid red;
-        }
-        a{
-            width: 100px;
-            height: 100px;
-            text-decoration: none;
-            background: cornflowerblue;
-            line-height: 100px;
-            text-align: center;
-            color: white;
-            display: block;
-        }
-        a:hover{
-            background: rebeccapurple;
-        }
-        .a2{
-            position: relative;
-            left: 200px;
-            top:-100px;
-        }
-        .a3{
-            position: relative;
-            left: 100px;
-            top:-100px;
-        }
-        .a4{
-            position: relative;
-            top:-100px;
-        }
-        .a5{
-            position: relative;
-            left: 200px;
-            top:-200px;
-        }
-    </style>
-</head>
-<body>
-<div id="box">
-    <a class="a1" href="#">链接1</a>
-    <a class="a2" href="#">链接2</a>
-    <a class="a3" href="#">链接3</a>
-    <a class="a4" href="#">链接4</a>
-    <a class="a5" href="#">链接5</a>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson10/4\347\273\235\345\257\271\345\256\232\344\275\215.html" "b/src/CSS/lesson10/4\347\273\235\345\257\271\345\256\232\344\275\215.html"
deleted file mode 100644
index a167230..0000000
--- "a/src/CSS/lesson10/4\347\273\235\345\257\271\345\256\232\344\275\215.html"
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--绝对定位
-    没有父级元素定位的情况下，相对于浏览器定位
-    假设父级元素存在定位，我们通常会相对于父级元素进行偏移
-    在父级元素范围内移动，不在标准文档流中，原来的位置不会被保留-->
-    <style>
-        div{
-            margin: 10px;
-            padding: 5px;
-            font-size: 12px;
-            line-height: 25px;
-        }
-        #father{
-            border: 1px solid red;
-            padding: 0;
-            position: relative;
-        }
-        #first{
-            background-color: rosybrown;
-            border: 1px dashed rebeccapurple;
-        }
-        #second{
-            background-color: cornflowerblue;
-            border: 1px dashed blue;
-            position: absolute;
-            right: 30px;
-            top:-10px;
-        }
-        #third{
-            background-color: greenyellow;
-            border: 1px dashed green;
-        }
-    </style>
-</head>
-<body>
-<div id="father">
-    <div id="first">第一个盒子</div>
-    <div id="second">第二个盒子</div>
-    <div id="third">第三个盒子</div>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson10/5\345\233\272\345\256\232\345\256\232\344\275\215.html" "b/src/CSS/lesson10/5\345\233\272\345\256\232\345\256\232\344\275\215.html"
deleted file mode 100644
index 70ca824..0000000
--- "a/src/CSS/lesson10/5\345\233\272\345\256\232\345\256\232\344\275\215.html"
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--固定定位：position: fixed;   -->
-    <style>
-      body{
-          height: 1000px;
-      }
-        div:nth-of-type(1){/*绝对定位，相对于浏览器*/
-            width: 100px;
-            height: 100px;
-            background: red;
-            position: absolute;
-            right: 0;
-            bottom: 0;
-        }
-        div:nth-of-type(2){
-            width: 50px;
-            height: 50px;
-            background: yellow;
-            position: fixed;
-            right: 0;
-            bottom: 0;
-        }
-    </style>
-</head>
-<body>
-<div>div1</div>
-<div>div2</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/CSS/lesson10/6z-index.html b/src/CSS/lesson10/6z-index.html
deleted file mode 100644
index 6488078..0000000
--- a/src/CSS/lesson10/6z-index.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--z-index默认是0，最高无限~999
-         opacity: 0.5/*背景透明度*/;
-    -->
-    <style>
-        #content{
-            width: 140px;
-            padding: 0px;
-            margin: 0px;
-            overflow: hidden;
-            font-size: 12px;
-            line-height: 25px;
-            border: 1px solid black;
-        }
-        ul,li{
-            padding: 0px;
-            margin: 0px;
-            list-style: none;
-        }
-        /*父级元素相对定位*/
-        #content ul{
-            position: relative;
-        }
-        .tipText, .tipBg{
-            position: absolute;
-            width: 140px;
-            height: 25px;
-            top:122px;
-        }
-        .tipText{
-            z-index: 999;
-            color: white;
-        }
-        .tipBg{
-            background: black;
-            opacity: 0.5/*背景透明度*/;
-        }
-    </style>
-</head>
-<body>
-<div id="content">
-    <ul>
-        <li><img src="11.jpg" alt=""></li>
-        <li class="tipText">你当像鸟飞往你的山</li>
-        <li class="tipBg"></li>
-        <li>时间：2020::5.25</li>
-        <li>地点：宇宙地球村</li>
-    </ul>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson3/1.\346\240\207\347\255\276\351\200\211\346\213\251\345\231\250.html" "b/src/CSS/lesson3/1.\346\240\207\347\255\276\351\200\211\346\213\251\345\231\250.html"
deleted file mode 100644
index 41aae4a..0000000
--- "a/src/CSS/lesson3/1.\346\240\207\347\255\276\351\200\211\346\213\251\345\231\250.html"
+++ /dev/null
@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-          /*标签选择器，会选择到页面上所有的这个标签的元素*/
-        h1{
-            color: #a13d30;
-            background: aqua;
-            border-radius: 24px;
-        }
-        p{
-            font-size: 80px;
-        }
-    </style>
-</head>
-<body>
-<h1>学java</h1>
-<h1>开学前学完前端</h1>
-<p>好好学习</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson3/2.\347\261\273\351\200\211\346\213\251\345\231\250.html" "b/src/CSS/lesson3/2.\347\261\273\351\200\211\346\213\251\345\231\250.html"
deleted file mode 100644
index 0f2b850..0000000
--- "a/src/CSS/lesson3/2.\347\261\273\351\200\211\346\213\251\345\231\250.html"
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-        /*类选择器的格式  .class的名称{}
-        好处 可以多个标签归类，是同一个class,可以复用*/
-        .www{
-            color: aqua;
-            border-radius: 20px;
-        }
-        .aaa{
-            color: antiquewhite;
-            background: aquamarine;
-        }
-
-    </style>
-</head>
-<body>
-<h1 class="www">标题1</h1>
-<h1 class="aaa">标题2</h1>
-<h1 class="www">标题3</h1>
-<p class="aaa">我爱java</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson8/\345\234\206\345\275\242.html" "b/src/CSS/lesson8/\345\234\206\345\275\242.html"
deleted file mode 100644
index b68f749..0000000
--- "a/src/CSS/lesson8/\345\234\206\345\275\242.html"
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!-- 左上 右上 右下 左下-->
-    <!--圆圈：圆角=半径-->
-    <style>
-        div{
-            width: 100px;
-            height: 100px;
-            border: 10px solid red;
-            border-radius: 50px ;
-        }
-        img{
-            border-radius: 50px;
-        }
-    </style>
-</head>
-<body>
-<div></div>
-<!--<img src="11.jpg" alt=""> 图片变成圆形-->
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson8/\345\234\206\350\247\222\350\276\271\346\241\206.html" "b/src/CSS/lesson8/\345\234\206\350\247\222\350\276\271\346\241\206.html"
deleted file mode 100644
index ef2645d..0000000
--- "a/src/CSS/lesson8/\345\234\206\350\247\222\350\276\271\346\241\206.html"
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!-- 左上 右上 右下 左下-->
-    <!--圆圈：圆角=半径-->
-    <style>
-        div{
-            width: 100px;
-            height: 100px;
-            border: 10px solid red;
-            border-radius: 50px ;
-        }
-    </style>
-</head>
-<body>
-<div></div>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\213.html" "b/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\213.html"
deleted file mode 100644
index 79cbe31..0000000
--- "a/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\213.html"
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-/*border 粗细，样式，颜色*/
-         body{
-             /*body总有一个默认的外边距margin:0,常见操作*/
-             margin: 0;
-         }
-        #box{
-            width: 300px;
-            border: 1px solid red;
-        }
-        h2{
-          font-size: 15px;
-            background: aquamarine;
-            line-height: 30px;
-        }
-        form{
-            background: aquamarine;
-        }
-        div:nth-of-type(1) input{
-               border: 3px solid black;
-                 }
-        div:nth-of-type(2) input{
-             border: 3px solid red;
-          }
-    </style>
-</head>
-<body>
-<div id="box">
-    <h2>会员登录</h2>
-    <form action="#">
-        <div>
-            <span>用户名：</span>
-            <input type="text">
-        </div>
-        <div>
-            <span>密码：</span>
-            <input type="text">
-        </div>
-        <div>
-            <span>邮箱：</span>
-            <input type="text">
-        </div>
-    </form>
-</div>
-</body>
-</htm
\ No newline at end of file
diff --git "a/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\2132.html" "b/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\2132.html"
deleted file mode 100644
index 4ae4e3e..0000000
--- "a/src/CSS/lesson8/\347\233\222\345\255\220\346\250\241\345\236\2132.html"
+++ /dev/null
@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--外边距的妙用-->
-    <style>
-        /*border 粗细，样式，颜色*/
-        body{
-            /*body总有一个默认的外边距margin:0,常见操作*/
-        }
-        #box{
-            width: 300px;
-            border: 1px solid red;
-            margin: 0 auto;
-        }
-
-        h2{
-            font-size: 15px;
-            background: aquamarine;
-            line-height: 30px;
-            margin-top: 0;
-            margin-bottom: 10px;
-        }
-        form{
-            background: aquamarine;
-        }
-        input{
-            border:1px solid black ;
-        }
-        div:nth-of-type(1){
-            border:1px solid black;
-            padding: 3px;
-        }
-    </style>
-</head>
-<body>
-<div id="box">
-    <h2>会员登录</h2>
-    <form action="#">
-        <div>
-            <span>用户名：</span>
-            <input type="text">
-        </div>
-        <div>
-            <span>密码：</span>
-            <input type="text">
-        </div>
-        <div>
-            <span>邮箱：</span>
-            <input type="text">
-        </div>
-    </form>
-</div>
-</body>
-</htm
\ No newline at end of file
diff --git "a/src/CSS/lesson8/\351\230\264\345\275\261.html" "b/src/CSS/lesson8/\351\230\264\345\275\261.html"
deleted file mode 100644
index 566549b..0000000
--- "a/src/CSS/lesson8/\351\230\264\345\275\261.html"
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/Demo/AjaxDemo.java b/src/Demo/AjaxDemo.java
new file mode 100644
index 0000000..557955e
--- /dev/null
+++ b/src/Demo/AjaxDemo.java
@@ -0,0 +1,40 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 8:50
+ */
+public class AjaxDemo {
+    /*
+    *Ajax
+        *简介
+           *Asynchronous JavaScript And Xml，直译为异步的JS和XML
+           * Ajax也可以简单的理解为通过JS向服务器发送请求
+           * 实际意义:不发生页面跳转，异步载入内容并改写页面内容的技术
+        *异步请求&同步请求
+           *同步解决问题:
+                *1.请求：发送二次请求时，只能等上次请求响应后，才能执行
+                *2.效率：就算我们需要刷新局部，也必须刷新整个页面
+            *异步解决问题:
+                *1.请求:Ajax请求不会影响其他请求
+                *2.效率:局部刷新
+        *使用
+            js->ajax
+            jQuery->ajax(常用)
+                *语法
+                  $.ajax({
+                    type: "POST","请求方式：get|post",
+                    url: "../AjaxServlet","请求路径"
+                    data: "name=John&location=Boston",“参数”
+                    dataType:预期服务器返回的数据类型，如xml|json|text
+                    success:function(回调函数，请求成功时回调)
+                      // PrintWriter writer = response.getWriter();
+                      //  writer.write("success!!!");回调函数的参数时success!!!
+                    error:function(回调函数:请求失败时回调)
+                    (还有另外三个回调函数)
+                });
+                * Ajax简写
+                     *$.post/get(url,[data],[callback],[dataType])
+                     *  *$.getJson(url,[data],[callback])
+     */
+}
diff --git a/src/Demo/CookieDemo.java b/src/Demo/CookieDemo.java
new file mode 100644
index 0000000..5a778ce
--- /dev/null
+++ b/src/Demo/CookieDemo.java
@@ -0,0 +1,60 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/28 8:02
+ */
+public class CookieDemo {
+    /*
+    Cookie
+        *简介:实际上就是服务器保存在浏览器上的一段信息，主要用于区分不同的用户
+        *运行原理：
+              *请求
+              *服务器创建一个Cookie对象，该Cookie对象携带用户信息，服务器发送(响应)给客户端
+              *以后客户端再发送请求时，会携带Cookie对象
+              *服务器会根据该Cookie对象(及信息)，区分不同用户
+        *Cookie创建&获取&修改
+               *创建
+                           //创建Cookie对象并携带信息
+                           Cookie cookieName=new Cookie("stuName","aa");
+                           //响应给客户端
+                           response.addCookie(cookieName);
+               *获取
+                           Cookie[] cookies = request.getCookies();
+                           cookie.getName()|cookie.getValue()
+               *修改
+                   *覆盖式修改
+                    Cookie cookieName=new Cookie("stuName","bb");
+                    response.addCookie(cookieName);
+                   *直接式修改
+                    Cookie[]cookies=request.getCookies();
+                    for (Cookie cookie:cookies){
+                    if("stuName".equals(cookie.getName())){
+                      cookie.setValue("cc");
+                      response.addCookie(cookie);
+                      break;
+                   }
+                  }
+        *Cookie的键值问题
+              *name不可以为中文，value可以为中文，但需要指定字符集问题
+        *Cookie有效性
+               *默认为会话级别(关闭浏览器和换浏览器后失效)
+               *持久化：
+                    *setMaxAge(ss:秒)
+                      ss>0:ss秒后失效
+                      ss=0:立即失效
+                      ss<0:默认会话级别
+               *持久化Cookie，该Cookie不是会话级别
+        *Cookie有效路径
+               *默认有效路径:当前项目路径
+               *设置有效路径：一般设置有效路径，都是基于当前项目下的路径进行设置
+                如：cookie.setPath(request.getContextPath()+"/a");
+        *Cookie应用
+               *记住密码 UserCookieServlet login2.html
+        *Cookie缺陷
+               *Cookie的value为String类型，不灵活
+               *Cookie存放在浏览器中，不安全。
+               *Cookie过多会浪费流量。
+
+     */
+}
diff --git a/src/Demo/Demo.java b/src/Demo/Demo.java
new file mode 100644
index 0000000..a164d25
--- /dev/null
+++ b/src/Demo/Demo.java
@@ -0,0 +1,77 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/26 9:24
+ */
+public class Demo {
+    /*
+               1:请求和响应
+                  请求:客户端向服务器
+                      类型；HttpServletRequest  request
+                      定义：代表了客户端向服务器发送的请求报文，该对象由服务器(web容器|Servlet容器)创建
+                           发送给Service()->doGet()或doPost()
+                      作用：1.获取请求参数
+                            request.getParameter("username")
+                            request.getParameterValues(name)
+                           2.获取项目虚拟路径
+                             request.getContextPath()
+                           3.转发(路径跳转)
+                           //1.获取转发器
+                            request.getRequestDispatcher("HTML/login_success.html");
+                           //2，执行转发
+                             requestDispatcher.forward(request,response);
+                           4.域对象(4个)
+                  响应:服务器向客户端
+                      类型：HttpServletResponse response
+                      定义：代表了服务器向客户端发送的响应报文，该对象由服务器(web容器|Servlet容器)创建
+                           发送给Service()->doGet()或doPost()
+                      作用：1.服务器向客户端做出响应(文本|html)
+                              //获取响应流
+                                PrintWriter writer = response.getWriter();
+                              //响应
+                                writer.write("login success!");
+                                writer.write("<h1>login success!</h1>");
+                           2.重定向(路径跳转)
+                              response.sendRedirect("HTML/login_success.html");
+               2：转发与重定向区别
+                  转发地址栏不变，重定向地址栏改变
+                  转发客户端发送一次请求，重定向客户端发送两次请求
+                  转发可以访问web-inf下资源，重定向不能
+                            因为web-inf目录属于web应用的私有目录(客户端无法直接访问)
+                  转发可以携带request对象，重定向不能
+               3：Servlet练习(伪登录/伪注册)
+               4：web项目应用路径问题
+               在web应用中，由于使用转发跳转路径时，地址栏不变，此时使用相对路径(../)存在404现象
+               因此使用绝对路径解决web应用中的路径问题
+               绝对路径，一”/“开头的是绝对路径
+               “/”代表：由服务器解析，代表当前项目路径  http://localhost:8081/TomcatDemo_war_exploded
+                       情况1:web.xml中的url
+                       情况2：转发  直接在前面加/
+                       由浏览器解析，代表当前服务器路径 http://localhost:8081
+                       情况1:html中路径  eg:src script|img href:link|a action:form
+                       情况2:重定向 在前面+request.getContextPath()+"..."
+               5：web应用乱码问题
+                  乱码:编码与解码不一致时，出现乱码现象
+                  编码：将字符转化成二进制的过程称之为编码
+                  解码：将二进制转化为字符的过程称之为解码
+                  *请求乱码:客户端编码与服务器解码不一致
+                  *响应乱码:服务器编码与客户端解码不一致
+                  默认客户端与服务器端的编码与解码情况
+                      *服务器的编码和解码默认一致：ISO-8859-1(不支持中文)
+                      *客户端(浏览器)编码默认为:<meta charset="UTF-8">
+                                   解码默认为:GBK
+                   解决web中乱码问题
+                      *请求乱码
+                            post:request.setCharacterEncoding("UTF-8");
+                            get:在server.xml中修改  <Connector port="8081"
+                                                    URIEncoding="UTF-8
+			                                        />
+                      *响应乱码
+                              *直接将服务器编码设置为GBK
+                               //response.setCharacterEncoding("GBK");
+                              *将服务器编码与浏览器编码统一设置为UTF-8
+                               response.setContentType("text/html;charset=UTF-8");
+               6：项目第二阶段
+     */
+}
diff --git a/src/Demo/FilterDemo.java b/src/Demo/FilterDemo.java
new file mode 100644
index 0000000..96f3fba
--- /dev/null
+++ b/src/Demo/FilterDemo.java
@@ -0,0 +1,74 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 8:34
+ */
+public class FilterDemo {
+    /*
+    *Filter:过滤器
+    * 简介:程序中的过滤器，可以过滤客户端与服务器之间的请求和响应
+          *如:过滤字符集
+          * Filter是web三大核心组件之一
+                  *Servlet:处理用户请求
+                  * Filter:过滤用户请求&响应
+                  * Listener:监听器
+           /web三大核心组件的共同点
+               1.实现某个接口
+               2.注册
+         <filter>
+               <filter-name>HelloWorldFilter</filter-name>
+                <filter-class>Filter.HelloWorldFilter</filter-class>
+          </filter>
+        <filter-mapping>
+            <filter-name>HelloWorldFilter</filter-name>
+            <url-pattern>/userServlet</url-pattern>//url为要过滤的地址
+        </filter-mapping>
+    * HelloWorld
+    * Filter的生命周期
+            *构造器
+                 *执行次数：执行一次
+                 *执行时机：启动服务器时执行
+            * init()
+                 *执行次数：执行一次
+                 *执行时机：启动服务器时执行
+            * doFilter()
+                 *执行次数：执行多次
+                 *执行时机：每次过滤请求时执行
+            * destroy()
+                  *执行次数：执行一次
+                  *执行时机：关闭服务器时执行
+    * Filter的工作原理
+                 *请求:服务器->filter->web资源  响应:web资源->filter->服务器
+                 具体过程
+                 * 请求
+                 * 执行过滤器中的doFilter()，执行放行前的代码
+                 * 放行请求，执行处理请求代码(Servlet)
+                 * 执行过滤器中的doFilter()，执行放行后的代码
+                 * 响应
+    * 多个Filter的执行流程
+           *请求
+           * Filter1放行前
+           * Filter2放行前
+           * 处理请求，做出响应
+           * Filter2放行后
+           * Filter1放行后
+       注意:Filter的先后顺序是在web.xml中url-pattern的先后顺序决定
+    * Url的配置规则
+        1.精准配置
+             * <url-pattern>/userServlet</url-pattern>
+             * <servlet-name>userServlet</servlet-name>(将url换成name)
+        2.模糊配置,包含“*”的配置，称之为模糊配置
+             *前置模糊  *.jsp 过滤当前项目下所有的jsp
+             *后置模糊  "/Cookie/*" 过滤Cookie下的所有项目
+    * HttpFilter
+       *HttpServlet->GenericServlet->Servlet
+       *HttpFilter
+           *getXXX()
+           *abstract doFilter()
+           *overload doFilter()
+     */
+
+
+
+}
diff --git a/src/Demo/JSPDemo.java b/src/Demo/JSPDemo.java
new file mode 100644
index 0000000..6e015ab
--- /dev/null
+++ b/src/Demo/JSPDemo.java
@@ -0,0 +1,124 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/27 10:06
+ */
+public class JSPDemo {
+    /*
+    JSP:java服务端页面
+    Servlet=java+html
+    Jsp=html+java
+    JSP只能运行服务器(Web容器)中
+    其本质是Servlet
+                *JSP运行原理
+                    *第一次访问JSP文件时会经过以下步骤
+                         *服务器将.jsp文件翻译成.java文件
+                         *将.java文件编译为.class文件
+                         *运行
+                    *文件未改变时，以后再访问，不会翻译和编译
+                *JSP基本语法
+                    *指令
+                        *语法：<%@ %>
+                    *脚本片段
+                        *<%%>
+                        *作用:书写java代码。(写在_jspService()中)
+                           <%
+                           for(int i=0;i<=100;i+=2){
+                           %>
+                    *表达式
+                        *语法:<%= %>
+                        *作用：输出数据到页面
+                    *模板元素(html)
+                    *声明
+                        *语法:<%!%>
+                        *作用：书写java代码。(类中)
+                        <%!int i=1;%>
+                     *注释：
+                         *html<!---->
+                         java://
+                         jsp:<%-- --%>
+                *JSP指令
+                     *语法：<%@ 指令名 属性名1=属性值1 属性名2=属性值2%>
+                     *常用指令
+                         *page指令
+                                  language:支持语言,只有java
+                                  contentType:设置服务器属性
+                                  import:导包
+                                  errorPage:错误页面(当前页面出现错误显示的界面)
+                                  isErrorPage:设置当前页面是否为错误页面
+                          *include指令
+                              作用:将目标页面包含到当前页面中
+                              特点：静态包含，被包含的文件不会被翻译和编译
+                *JSP动作标签
+                     *语法:<jsp:标签名 属性名1=属性值1 属性名2=属性值2></jsp:标签名>
+                     *常用的动作标签
+                         *转发:
+                              *带参数
+                                 *<jsp:forward page="hello.jsp">
+                                   <jsp:param value="18",name="age">
+                                   </jsp:forward>
+                                 此时hello.jsp界面可以通过<%=request.getParameter("age")%>得到18
+                               *不带参数
+                                   * *<jsp:forward page="hello.jsp"></jsp:forward>
+                                      注意开始标签和结束标签中间不能有任何内容包括空格
+                         *动态包含:
+                                 *语法：<jsp:include page="hello.jsp"></jsp:include>
+                                 *特点：被包含文件会先被翻页和编译
+                *JSP九大隐藏对象
+                      定义：可以在jsp中直接使用的对象(不需要我们new的对象,服务器实例化的九大隐含对象，并存放在Service()方法中)
+                      *对象详情
+                      *application
+                                  *类型:ServletContent
+                                  *作用:域对象
+                                  *Servlet中的获取方式:this.getServletContext()
+                      *session
+                                  *类型:HttpSession
+                                  *作用:域对象
+                                  *Servlet中的获取方式:request.getSession()
+                      *request
+                                  *类型:HttpServletRequest
+                                  *作用:域对象
+                                  *Servlet中的获取方式:直接使用
+                      *pageContext
+                                  *类型:PageContext
+                                  *作用:域对象 jspBoss(可以通过它获取其他8个隐含对象)
+                                  *Servlet中的获取方式:无
+                      *response
+                                  *类型:HttpServletResponse
+                                  *作用:域Servlet中的response对象一致
+                                  *Servlet中的获取方式:直接使用
+                      *page
+                                  *类型:Object
+                                  *作用：page=this,当前类的对象。
+                                  *Servlet中的获取方式:直接使用
+                      *out
+                                  *类型:JspWriter
+                                  *作用:与Servlet中的PrintWriter的作用类似(都继承了java.io.Writer)
+                                  *Servlet中的获取方式:无
+                      *config
+                                  *类型:ServletConfig
+                                  *作用:与Servlet中的ServletConfig的作用一致
+                                  *Servlet中的获取方式:this.getServletConfig()
+                      *exception
+                                  *类型:Throwable
+                                  *作用:接收处理异常信息
+                                  *Servlet中的获取方式:无
+                *JSP四大域对象
+                     *域：区域:在web应用的不同资源中相互传递数据
+                     程序区域
+                     *域对象共有方法：
+                     *getAttribute()
+                     *setAttribute()
+                     *removeAttribute()
+                     *详情(按照区域大->小)objectDemo.jsp
+                         *application
+                                     *范围:当前项目中有效
+                         *session
+                                     *当前会话(浏览器未关闭,未换)中
+                         *request
+                                     *当前请求中有效
+                         *pageContext
+                                     *只在当前页面中生效
+     */
+}
diff --git a/src/Demo/JsonDemo.java b/src/Demo/JsonDemo.java
new file mode 100644
index 0000000..7b30d4d
--- /dev/null
+++ b/src/Demo/JsonDemo.java
@@ -0,0 +1,24 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 10:12
+ */
+public class JsonDemo {
+    /*
+    Json
+    简介:JavaScript Object Notation 的缩写，是JS提供的一种数据交换格式
+    Json对象本质上就是一个JS对象，但是这个对象比较特殊，它可以直接转换为字符串
+    在不同的语言中进行传递，通过工具又可以转换为其他语言的对象
+    *使用
+       *Gson gson=new Gson()
+        *常用方法
+           *toJson(Object o)
+           *fromJson(String jsonStr,Class)
+           *fromJson(String jsonStr,Type)
+           *Type获取方式
+             *new TypeToken<List<Student>>(){}.getType{}
+
+     */
+
+}
diff --git a/src/Demo/ListenerDemo.java b/src/Demo/ListenerDemo.java
new file mode 100644
index 0000000..d4efa6c
--- /dev/null
+++ b/src/Demo/ListenerDemo.java
@@ -0,0 +1,19 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 10:26
+ */
+public class ListenerDemo {
+    /*
+     * Listener:监听器
+     *监听对象:ServletContext,HttpSession,ServletRequest
+     *监听事件：对象创建，修改，删除等
+     *监听结果:需求
+     *监听者:程序员自己创建
+     注册：
+     * <listener>
+        <listener-class>Listener.ApplicationlistenerDemo</listener-class>
+    </listener>
+     */
+}
diff --git a/src/Demo/ServletDemo.java b/src/Demo/ServletDemo.java
new file mode 100644
index 0000000..6e86104
--- /dev/null
+++ b/src/Demo/ServletDemo.java
@@ -0,0 +1,67 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/25 10:27
+ */
+public class ServletDemo {
+    /*
+    Servlet
+           Servlet=java+html(url) Servlet Applet(服务端小程序)
+           狭义上javax.servlet.Servlet接口及其子类
+           广义上指实现了Servlet接口的实现类
+    使用Servlet接口的方式
+      创建一个类实现Servlet接口
+      在web.xml中注册这个实现类
+      Tomcat(Servlet容器)会创建实现类对象
+      Servlet工作原理(执行流程)
+      请求
+      web.xml中url
+      servlet-name
+      servlet-class,找到指定Servlet
+      默认执行service()，处理请求，做出响应
+    Servlet生命周期：从创建到消亡的过程
+    构造器
+         执行次数：在整个生命周期中执行一次
+         执行时机：第一次接收请求时执行
+    init():
+         执行次数：在整个生命周期中执行一次
+         执行时机：第一次接收请求时执行
+    service()
+         执行次数：在整个生命周期中执行多次
+         执行时机：每次接收请求时执行
+    destroy()
+         执行次数：在整个生命周期中执行一次
+         执行时机：关闭服务器时执行
+    ServletConfig和ServletContext区别
+                 ServletConfig:代表了Servlet的配置对象
+                 作用：
+                    1:获取Servlet初始化参数
+                    2:获取ServletConnect对象
+                    3:获取Servlet名称
+                 ServletContext:代表了Servlet的上下文对象
+                 作用：
+                     1:获取初始化参数
+                     2:获取项目的真实路径
+                     3：域对象
+    最终创建Servlet方式
+                     继承HttpServlet类
+                     HttpServlet->GenericServlet->Servlet
+
+                     HttpServlet:
+                     1.override service():
+                     HttpServletRequest request=(HttpServletRequest)req;
+                     HttpServletResponse response=(HttpServletResponse)res;
+                     2.overload service()
+                    String method=request.getMethod();
+                    if(method.eq(”Get“){
+                     doGet();
+                    }else if(method.eq(“post”){
+                    doPost();
+                    }
+                     GenericServlet:
+                     1:getServletConfig()  getServletContext()
+                     2:abstract service()
+
+     */
+}
diff --git a/src/Demo/SessionDemo.java b/src/Demo/SessionDemo.java
new file mode 100644
index 0000000..e0be67a
--- /dev/null
+++ b/src/Demo/SessionDemo.java
@@ -0,0 +1,72 @@
+package Demo;
+
+import java.util.UUID;
+
+/**
+ * @author lifei
+ * @date 2020/6/28 10:22
+ */
+public class SessionDemo {
+    /*
+    Session
+          *简介
+              *类型：HttpSession
+          *工作原理
+              *请求
+              *服务器创建Session，同时创建一个特殊的Cookie，该Cookie的key为JSESSIONID
+              value为session的id
+              *服务器将该Cookie对象发送(响应)给客户端
+              *以后客户端再请求时，会携带该Cookie对象
+              服务器会根据Cookie的value找到相应的Session,从而区分不同的用户
+          *Session获取
+                  *html(Servlet):request.getSession()
+                  *jsp:直接获取(session是jsp的隐含对象)
+          *Session有效性
+                  *默认有效性:当前会话(因为特殊的Cookie是会话级别)
+                  *持久化Session:
+                       *持久化特殊Cookie Cookie[] cookies = request.getCookies();
+                                        for (Cookie c:cookies){
+                                        if("JSESSIONID".equals(c.getName())){
+                                        c.setMaxAge(60);
+                                        response.addCookie(c);
+                                        break;
+                                         }
+                                        }
+                         *Session存活时间
+                                *默认为30min
+                                *设置session的非活动时间(在tomcat的web.xml中设置)
+                                       <session-config>
+                                            <session-timeout>30</session-timeout>//分钟
+                                       </session-config>
+                                 *设置session的非活动时间(在doGet()方法中)
+                                     HttpSession session=request.getSession();
+                                     session.setMaxInactiveInterval(ss);//秒数
+                                     *ss>0:ss秒后失效
+                                     *ss<=0:永不失效(Tomcat>=7有效)
+                                 *session立即失效:
+                                         HttpSession session = request.getSession();
+                                         //设置session失效
+                                         session.invalidate();
+          *Session钝化与活化：
+                  *钝化:将session对象及session对象中的数据一同从内存中序列化到硬盘的过程称之为钝化(对象要实现Serializable接口)
+                       *时机:服务器关闭时触发
+                  *活化:将session对象及session对象中的数据，一同从硬盘反序列化到内存的过程称之为活化。
+                       *时机:服务器启时触发
+          *Session应用
+               *表单重复提交问题
+                   *转发，F5  解决:使用重定向
+                   *提交后，网速慢，连续点击提交按钮  点击后，用disable
+                   *提交后，点击回退按钮，继续提交
+                        *提交-Servlet处理->响应
+                        *思路:在Servlet中干预提交，第一次提交，以后不提交
+                             1.使用UUID，作为Token，将Token存放到session域中和隐藏域中
+                               *UUID是一个全球唯一的32位地16进制的随机数
+                             2.提交，判断变量是否为初始值
+                               true:提交，移除session域中的Token(UUID)
+                               false:不提交
+     */
+    public static void main(String[] args) {
+        String randomUUID=UUID.randomUUID().toString().replace("-","");
+        System.out.println(randomUUID);
+    }
+}
diff --git a/src/Demo/Student.java b/src/Demo/Student.java
new file mode 100644
index 0000000..8f060bd
--- /dev/null
+++ b/src/Demo/Student.java
@@ -0,0 +1,43 @@
+package Demo;
+
+import java.io.Serializable;
+
+/**
+ * @author lifei
+ * @date 2020/6/29 10:58
+ */
+public class Student implements Serializable {//实现序列化接口
+    private String name;
+    private int age;
+
+    public Student(String name, int age) {
+        this.name = name;
+        this.age = age;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public int getAge() {
+        return age;
+    }
+
+    public void setAge(int age) {
+        this.age = age;
+    }
+
+    @Override
+    public String toString() {
+        return "Student{" +
+                "name='" + name + '\'' +
+                ", age=" + age +
+                '}';
+    }
+
+
+}
diff --git a/src/Demo/fileDemo.java b/src/Demo/fileDemo.java
new file mode 100644
index 0000000..90f48a5
--- /dev/null
+++ b/src/Demo/fileDemo.java
@@ -0,0 +1,36 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/7/2 8:32
+ */
+public class fileDemo {
+    /*
+    *文件上传&下载
+          *上传
+              1.导入两个jar包 commons-fileupload-1.4.jar commons-io-2.7.jar
+              2.form 属性一定为method="post" enctype="multipart/form-data"(get会丢失数据)
+                而且文件的type一定为file
+              3.步骤  具体看fileUploadServlet
+                   *创建工厂类  DiskFileItemFactory
+                   *创建解析器ServletFileUpload类
+                   *使用ServletFileUpload中的list<FileItem> parseRequest(request)
+                   *FileItem中的write()方法，写到服务器
+              4.优化文件上传
+                 *使用UUID优化同名无法上传问题
+                 *设置上传文件的大小  upload.setFileSizeMax(2*1024);
+          *下载  具体看fileDownloadServlet
+              1. //设置浏览器响应体文件类型
+                  String mimeType = request.getServletContext().getMimeType(fileName);
+                  response.setContentType(mimeType)
+              2. //解决文件名中文乱码问题
+                 String header=request.getHeader("User-Agent");
+                 if(header!=null&&header.contains("Firefox")){
+                 fileName="=?utf-8?B?"+ Base64.getEncoder().encode(fileName.getBytes("utf-8"));
+                  }else{
+                 fileName= URLEncoder.encode(fileName,"UTF-8");
+                  }
+              3. //设置浏览器响应内容格式为附件格式(告诉浏览器，是附件格式，下载)
+                response.setHeader("Content-Disposition","attachment;filename="+fileName);
+     */
+}
diff --git a/src/Demo/httpDemo.java b/src/Demo/httpDemo.java
new file mode 100644
index 0000000..b32b85d
--- /dev/null
+++ b/src/Demo/httpDemo.java
@@ -0,0 +1,31 @@
+package Demo;
+
+/**
+ * @author lifei
+ * @date 2020/6/25 9:26
+ */
+public class httpDemo {
+    /*
+    HTTP:
+         超文本传输协议(无状态协议)
+         报文：客户端与服务端通信时传输的内容我们称之为报文
+         请求报文(get请求和post请求，get请求的信息在url中，post在报文中，相等安全)，响应报文
+         报文格式：
+                get请求：
+                      请求行:请求方式，请求地址，请求的http版本
+                      请求头:携带的详细信息
+                post请求：
+                      请求行
+                      请求头
+                      空行
+                      请求体:请求数据
+                响应报文:
+                        响应行:响应http版本 响应码(200:请求成功  404:请求资源没找到 500:请求资源找到，但服务器内部错误 302:重新定向)
+                        响应头：详细信息
+                        空行
+                        响应体:响应数据信息
+         HTTP协议的会话方式：建立连接->发送请求->服务器做出响应->关闭连接
+         HTTP1.0(短连接，处理一个问题后关闭后再重来处理第二个)和HTTP1.1(长连接，一次性按顺序处理多个问题)
+     */
+
+}
diff --git a/src/File/fileDownloadServlet.java b/src/File/fileDownloadServlet.java
new file mode 100644
index 0000000..2cd8db3
--- /dev/null
+++ b/src/File/fileDownloadServlet.java
@@ -0,0 +1,53 @@
+package File;
+
+import javax.servlet.ServletException;
+import javax.servlet.ServletOutputStream;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.FileInputStream;
+import java.io.IOException;
+import java.net.URLEncoder;
+import java.util.Base64;
+
+@WebServlet(name = "fileDownloadServlet")
+public class fileDownloadServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        request.setCharacterEncoding("UTF-8");
+        //response.setContentType("text/html;charset=UTF-8");
+        //获取文件名
+        String fileName = request.getParameter("fileName");
+        //获取该文件的真实路径
+        String realPath = this.getServletContext().getRealPath("/File/download");
+        String downPath=realPath+"/"+fileName;
+        System.out.println(downPath);
+        //设置浏览器响应体文件类型
+        String mimeType = request.getServletContext().getMimeType(fileName);
+        response.setContentType(mimeType);
+        //解决文件名中文乱码问题
+        String header=request.getHeader("User-Agent");
+        if(header!=null&&header.contains("Firefox")){
+            fileName="=?utf-8?B?"+ Base64.getEncoder().encode(fileName.getBytes("utf-8"));
+        }else{
+            fileName= URLEncoder.encode(fileName,"UTF-8");
+        }
+        //设置浏览器响应内容格式为附件格式(告诉浏览器，是附件格式，下载)
+        response.setHeader("Content-Disposition","attachment;filename="+fileName);
+        //读取目标资源，同时写到客户端(下载)
+        //创建读入流
+        FileInputStream fis=new FileInputStream(downPath);
+        //创建读出流
+        ServletOutputStream outputStream = response.getOutputStream();
+        byte[]b=new byte[1024];
+        while (fis.read(b)!=-1){
+            outputStream.write(b);
+        }
+        fis.close();
+        outputStream.close();
+    }
+}
diff --git a/src/File/fileUploadServlet.java b/src/File/fileUploadServlet.java
new file mode 100644
index 0000000..b90f61d
--- /dev/null
+++ b/src/File/fileUploadServlet.java
@@ -0,0 +1,66 @@
+package File;
+
+import org.apache.commons.fileupload.FileItem;
+import org.apache.commons.fileupload.FileUploadBase;
+import org.apache.commons.fileupload.disk.DiskFileItemFactory;
+import org.apache.commons.fileupload.servlet.ServletFileUpload;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.File;
+import java.io.IOException;
+import java.util.List;
+import java.util.UUID;
+
+@WebServlet(name = "fileUploadServlet")
+public class fileUploadServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        response.setContentType("text/html;charset=UTF-8");
+        request.setCharacterEncoding("UTF-8");
+        /*
+          1.创建工厂类  DiskFileItemFactory
+          2.创建解析器ServletFileUpload类
+          3.使用ServletFileUpload中的list<FileItem> parseRequest(request)
+          4.FileItem中的write()方法，写到服务器
+         */
+        //1.创建工厂类  DiskFileItemFactory
+        DiskFileItemFactory diskFileItemFactory=new DiskFileItemFactory();
+        //2.创建解析器ServletFileUpload类
+        ServletFileUpload upload = new ServletFileUpload(diskFileItemFactory);
+        //获取upload文件(要上传到的地方)的真实路径
+        String realPath = this.getServletContext().getRealPath("/File/upload");
+        //设置单个文件的上传大小
+        upload.setFileSizeMax(2*1024);
+        //3.使用ServletFileUpload中的list<FileItem> parseRequest(request)
+        //迭代集合，查找指定的文件
+        try {
+            List<FileItem> list=upload.parseRequest(request);
+            for (FileItem fileItem:list){
+                if(fileItem.isFormField()==false){
+                    //4.FileItem中的write()方法，写到服务器
+                    String uuid = UUID.randomUUID().toString().replace("-", "");
+                    File file=new File(realPath+"/"+uuid+fileItem.getName());
+                    fileItem.write(file);
+                    response.getWriter().write("upload success!!!");
+                }
+            }
+        } catch (FileUploadBase.FileSizeLimitExceededException e) {
+            response.getWriter().write("文件不能超过2kb");
+            e.printStackTrace();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+            //获取参数
+        String uname = request.getParameter("uname");
+        String fileupload = request.getParameter("fileupload");
+        System.out.println(uname);
+        System.out.println(fileupload);
+    }
+}
diff --git a/src/Filter/CharSetFilter.java b/src/Filter/CharSetFilter.java
new file mode 100644
index 0000000..5f6ba56
--- /dev/null
+++ b/src/Filter/CharSetFilter.java
@@ -0,0 +1,22 @@
+package Filter;
+
+import javax.servlet.FilterChain;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 10:05
+ */
+public class CharSetFilter extends HttpFilter {
+    @Override
+    public void doFilter(HttpServletRequest servletRequest, HttpServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+        String code = this.getFilterConfig().getInitParameter("code");
+        servletRequest.setCharacterEncoding(code);
+        servletResponse.setContentType("text/html;charset=UTF-8");
+        //放行
+        filterChain.doFilter(servletRequest,servletResponse);
+    }
+}
diff --git a/src/Filter/HelloWorldFilter.java b/src/Filter/HelloWorldFilter.java
new file mode 100644
index 0000000..1ff6300
--- /dev/null
+++ b/src/Filter/HelloWorldFilter.java
@@ -0,0 +1,28 @@
+package Filter;
+
+import javax.servlet.*;
+import java.io.IOException;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 8:46
+ */
+public class HelloWorldFilter implements Filter {
+    @Override
+    public void init(FilterConfig filterConfig) throws ServletException {
+
+    }
+
+    @Override
+    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+        System.out.println("HelloWorldFilter()放行前");
+        //放行
+        filterChain.doFilter(servletRequest,servletResponse);
+        System.out.println("HelloWorldFilter()放行后");
+    }
+
+    @Override
+    public void destroy() {
+
+    }
+}
diff --git a/src/Filter/HttpFilter.java b/src/Filter/HttpFilter.java
new file mode 100644
index 0000000..5e92c96
--- /dev/null
+++ b/src/Filter/HttpFilter.java
@@ -0,0 +1,39 @@
+package Filter;
+
+import javax.servlet.*;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 9:42
+ */
+public abstract class HttpFilter implements Filter {
+    private FilterConfig filterConfig;
+    @Override
+    public void init(FilterConfig filterConfig) throws ServletException {
+        this.filterConfig=filterConfig;
+    }
+
+    /**
+     * 获取FilterConfig对象
+     * @return
+     */
+    public FilterConfig getFilterConfig() {
+        return filterConfig;
+    }
+
+    @Override
+    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+       HttpServletRequest req=(HttpServletRequest) servletRequest;
+       HttpServletResponse res=(HttpServletResponse)servletResponse;
+       doFilter(req,res,filterChain);
+    }
+    public abstract void doFilter(HttpServletRequest servletRequest, HttpServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException;
+
+    @Override
+    public void destroy() {
+
+    }
+}
diff --git a/src/Filter/HttpFilterTest.java b/src/Filter/HttpFilterTest.java
new file mode 100644
index 0000000..1e1170f
--- /dev/null
+++ b/src/Filter/HttpFilterTest.java
@@ -0,0 +1,20 @@
+package Filter;
+
+import javax.servlet.*;
+import javax.servlet.annotation.WebFilter;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebFilter(filterName = "HttpFilterTest")
+public class HttpFilterTest extends HttpFilter {
+
+
+    @Override
+    public void doFilter(HttpServletRequest servletRequest, HttpServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+        FilterConfig filterConfig=this.getFilterConfig();
+        System.out.println(filterConfig);
+        //放行
+        filterChain.doFilter(servletRequest,servletResponse);
+    }
+}
diff --git a/src/Filter/userServlet.java b/src/Filter/userServlet.java
new file mode 100644
index 0000000..61eff17
--- /dev/null
+++ b/src/Filter/userServlet.java
@@ -0,0 +1,19 @@
+package Filter;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "userServlet")
+public class userServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        System.out.println("处理用户请求，做出响应");
+    }
+}
diff --git a/src/Filter/userServletFilter.java b/src/Filter/userServletFilter.java
new file mode 100644
index 0000000..277e04f
--- /dev/null
+++ b/src/Filter/userServletFilter.java
@@ -0,0 +1,22 @@
+package Filter;
+
+import javax.servlet.*;
+import javax.servlet.annotation.WebFilter;
+import java.io.IOException;
+
+@WebFilter(filterName = "userServletFilter")
+public class userServletFilter implements Filter {
+    public void destroy() {
+    }
+
+    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
+        System.out.println("userServletFilter()放行前");
+        chain.doFilter(req, resp);
+        System.out.println("userServletFilter()放行后");
+    }
+
+    public void init(FilterConfig config) throws ServletException {
+
+    }
+
+}
diff --git a/src/HTML/1.html b/src/HTML/1.html
deleted file mode 100644
index 00b9eb4..0000000
--- a/src/HTML/1.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--html简介-->
-<!DOCTYPE html>
-<html lang="zh_CN">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<h1>斗罗大陆</h1>
-<p>人物介绍</p>
-<p>人物等级</p>
-<p>人物关系</p>
-</body>
-</html>
-<!--什么是 HTML？
-HTML 是用来描述网页的一种语言。
-HTML 指的是超文本标记语言 (Hyper Text Markup Language)
-HTML 不是一种编程语言，而是一种标记语言 (markup language)
-标记语言是一套标记标签 (markup tag)
-HTML 使用标记标签来描述网页
--->
-
-<!--HTML 标签
-HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
-HTML 标签是由尖括号包围的关键词，比如 <html>
-HTML 标签通常是成对出现的，比如 <b> 和 </b>
-标签对中的第一个标签是开始标签，第二个标签是结束标签
-开始和结束标签也被称为开放标签和闭合标签
--->
-
-<!--HTML 文档 = 网页
-HTML 文档描述网页
-HTML 文档包含 HTML 标签和纯文本
-HTML 文档也被称为网页
-Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
--->
-<!--
-<html> 与 </html> 之间的文本描述网页
-<body> 与 </body> 之间的文本是可见的页面内容
-<h1> 与 </h1> 之间的文本被显示为标题
-<p> 与 </p> 之间的文本被显示为段落
--->
\ No newline at end of file
diff --git a/src/HTML/10.html b/src/HTML/10.html
deleted file mode 100644
index b0f8136..0000000
--- a/src/HTML/10.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!---->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-<b>	定义粗体文本。
-<big>	定义大号字。
-<em>	定义着重文字。
-<i>	定义斜体字。
-<small>	定义小号字。
-<strong>	定义加重语气。
-<sub>	定义下标字。
-<sup>	定义上标字。
-<ins>	定义插入字。
-<del>	定义删除字。
-<code>	定义计算机代码。
-<kbd>	定义键盘码。
-<samp>	定义计算机代码样本。
-<tt>	定义打字机代码。
-<var>	定义变量。
-<pre>	定义预格式文本。
-<abbr>	定义缩写。
-<acronym>	定义首字母缩写。
-<address>	定义地址。
-<bdo>	定义文字方向。
-<blockquote>	定义长的引用。
-<q>	定义短的引用语。
-<cite>	定义引用、引证。
-<dfn>	定义一个定义项目。
--->
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/11.html b/src/HTML/11.html
deleted file mode 100644
index af2f405..0000000
--- a/src/HTML/11.html
+++ /dev/null
@@ -1,76 +0,0 @@
-<!--
-HTML 引用
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML <q> 元素定义短的引用。
-浏览器通常会为 <q> 元素包围引号。
--->
-<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>
-<!--
-用于长引用的 HTML <blockquote>
-HTML <blockquote> 元素定义被引用的节。
-浏览器通常会对 <blockquote> 元素进行缩进处理。
--->
-<p>以下内容引用自 WWF 的网站：</p>
-<blockquote cite="http://www.worldwildlife.org/who/index.html">
-    五十年来，WWF 一直致力于保护自然界的未来。
-    世界领先的环保组织，WWF 工作于 100 个国家，
-    并得到美国一百二十万会员及全球近五百万会员的支持。
-</blockquote>
-<!--
-用于缩略词的 HTML <abbr>
-HTML <abbr> 元素定义缩写或首字母缩略语。
-对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
--->
-<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
-<!--
-用于定义的 HTML <dfn>
-HTML <dfn> 元素定义项目或缩写的定义。
-<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：
-1. 如果设置了 <dfn> 元素的 title 属性，则定义项目：
--->
-<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
-<!--
-2.如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：
--->
-<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
-<!--
-3. 否则，<dfn> 文本内容即是项目，并且父元素包含定义。
--->
-<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
-<!--
-注释：如果您希望简而化之，请使用第一条，或使用 <abbr> 代替。
--->
-<!--
-用于联系信息的 HTML <address>
-HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。
-此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
--->
-<address>
-    Written by Donald Duck.<br>
-    Visit us at:<br>
-    Example.com<br>
-    Box 564, Disneyland<br>
-    USA
-</address>
-<!--
-用于著作标题的 HTML <cite>
-HTML <cite> 元素定义著作的标题。
-浏览器通常会以斜体显示 <cite> 元素。
--->
-<p><cite><b>The Scream</b></cite> by Edward Munch. Painted in 1893.</p>
-<!--
-用于双向重写的 HTML <bdo>
-HTML <bdo> 元素定义双流向覆盖（bi-directional override）。
-<bdo> 元素用于覆盖当前文本方向：
--->
-<bdo dir="rtl">This text will be written from right to left</bdo>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/12.html b/src/HTML/12.html
deleted file mode 100644
index 40c6842..0000000
--- a/src/HTML/12.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<!--
-HTML 计算机代码元素
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 计算机代码格式
-通常，HTML 使用可变的字母尺寸，以及可变的字母间距。
-在显示计算机代码示例时，并不需要如此。
-<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。
--->
-<p>To open a file, select:</p>
-<p><kbd>File | Open...</kbd></p>
-<!--
-HTML <samp> 元素定义计算机输出示例：
--->
-<samp>
-    demo.example.com login: Apr 12 09:10:17
-    Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
-</samp>
-<!--
-HTML <code> 元素定义编程代码示例：
-<code> 元素不保留多余的空格和折行：
--->
-<br/>
-<code>
-    var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
-</code>
-<!--
-如需解决该问题，您必须在 <pre> 元素中包围代码：
--->
-<p>Coding Example:</p>
-
-<code>
-<pre>
-var person = {
-    firstName:"Bill",
-    lastName:"Gates",
-    age:50,
-    eyeColor:"blue"
-}
-</pre>
-</code>
-<!--
-HTML <var> 元素定义数学变量：
--->
-<br/>
-<p>Einstein wrote:</p>
-<p><var>E = m c<sup>2</sup></var></p>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/13.html b/src/HTML/13.html
deleted file mode 100644
index e62a17f..0000000
--- a/src/HTML/13.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!--
-HTML 注释
-注释标签用于在 HTML 插入注释。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-注释：在开始标签中有一个惊叹号，但是结束标签中没有。
-浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。
-您可以利用注释在 HTML 中放置通知和提醒信息：
--->
-<!-- 这是一段注释 -->
-<p>这是一个段落。</p>
-<!-- 记得在此处添加信息 -->
-<!--
-注释对于 HTML 纠错也大有帮助，因为您可以一次注释一行 HTML 代码，以搜索错误：
--->
-<!-- 此刻不显示图片：
-<img border="0" src="/i/tulip_ballade.jpg" alt="Tulip">
--->
-<!--
-条件注释：
-条件注释定义只有 Internet Explorer 执行的 HTML 标签。
--->
-<!--[if IE 8]>
-.... some HTML here ....
-<![endif]-->
-<!--
-软件程序标签
-各种 HTML 软件程序也能够生成 HTML 注释。
-例如 <!-webbot bot-->(少写了个-) 标签会被包围在由 FrontPage 和 Expression Web 创建的 HTML 注释中。
-作为一项规则，这些标签的存在，有助于对创建这些标签的软件的支持。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/14.html b/src/HTML/14.html
deleted file mode 100644
index 920dbf3..0000000
--- a/src/HTML/14.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!--
-HTML CSS
-ͨ��ʹ�� HTML4.0�����еĸ�ʽ����������Ƴ� HTML �ĵ���Ȼ������һ����������ʽ����
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <!--��һ-->
-    <style type="text/css">
-    h1 {color: red}
-    p {color: blue}
-   </style>
- <!--����-->
-    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-    <meta http-equiv="Content-Language" content="zh-cn" />
-    <!--����-->
-    <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-������ʾ���ʹ�����ӵ� <head> ���ֵ���ʽ��Ϣ�� HTML ���и�ʽ����
--->
-<h1>header 1</h1>
-<p>A paragraph.</p>
-<!--
-������ʾ���ʹ����ʽ������һ��û���»��ߵ����ӡ�
--->
-<a href="/example/html/lastpage.html" style="text-decoration:none">
-    ����һ�����ӣ�
-</a>
-<!--
-������ʾ��� <link> ��ǩ���ӵ�һ���ⲿ��ʽ����
--->
-<h1>��ͨ���ⲿ��ʽ�����и�ʽ����</h1>
-<p>��Ҳһ����</p>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/15.html b/src/HTML/15.html
deleted file mode 100644
index fe4c002..0000000
--- a/src/HTML/15.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!--
-HTML CSS
-通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <!--外部样式表-->
-    <link rel="stylesheet" type="text/css" href="mystyle.css">
-    <!--内部样式表-->
-    <style type="text/css">
-body {background-color: red}
-p {margin-left: 20px}
-</style>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-如何使用样式
-当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：
--->
-<!--
-外部样式表
-当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
--->
-<h1 style="color:blue">我爱你</h1>
-<!--
-内部样式表
-当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
--->
-<!--
-内联样式
-当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。
-样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
--->
-<p style="color: blue; margin-left: 20px">
-    This is a paragraph
-</p>
-<!--
-<style>	定义样式定义。
-<link>	定义资源引用。
-<div>	定义文档中的节或区域（块级）。
-<span>	定义文档中的行内的小块或区域。
-<font>	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
-<basefont>	定义基准字体。不赞成使用。请使用样式。
-<center>	对文本进行水平居中。不赞成使用。请使用样式。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/16.html b/src/HTML/16.html
deleted file mode 100644
index 37bfca8..0000000
--- a/src/HTML/16.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!--
-HTML 链接
-HTML 使用超级链接与网络上的另一个文档相连。
-几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-本例演示如何在 HTML 文档中创建链接。
--->
-<p><a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
-<p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>
-<!--
-将图像作为链接
-本例演示如何使用图像作为链接。
--->
-<p>
-    您也可以使用图像来作链接：
-    <a href="http://www.microsoft.com/">
-        <img border="0" src="少女小舞.jpg" />
-    </a>
-</p>
-<!--
-HTML 超链接（链接）
-超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
-当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
-我们通过使用 <a> 标签在 HTML 中创建链接。
-有两种使用 <a> 标签的方式：
-通过使用 href 属性 - 创建指向另一个文档的链接
-通过使用 name 属性 - 创建文档内的书签
--->
-<!--
-HTML 链接语法
-链接的 HTML 代码很简单。它类似这样：
-<a href="url">Link text</a>
-href 属性规定链接的目标。
-开始标签和结束标签之间的文字被作为超级链接来显示。
-提示："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
--->
-<a href="http://www.w3school.com.cn/">Visit W3School</a>
-<!--
-HTML 链接 - target 属性
-使用 Target 属性，你可以定义被链接的文档在何处显示。
-下面的这行会在新窗口打开文档：
--->
-<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
-<!--
-HTML 链接 - name 属性
-name 属性规定锚（anchor）的名称。
-您可以使用 name 属性创建 HTML 页面中的书签。
-书签不会以任何特殊方式显示，它对读者是不可见的。
-当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，
-这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
-命名锚的语法：
-<a name="label">锚（显示在页面上的文本）</a>
-提示：锚的名称可以是任何你喜欢的名字。
-提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。
--->
-<!--首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：-->
-<a name="tips">基本的注意事项 - 有用的提示</a>
-<!--然后，我们在同一个文档中创建指向该锚的链接：-->
-<a href="#tips">有用的提示</a>
-<!--您也可以在其他页面中创建指向该锚的链接：-->
-<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
-<!--在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。-->
-<!--
-基本的注意事项 - 有用的提示：
-注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。
-这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。
-提示：命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。
-如果您经常访问百度百科，您会发现其中几乎每个词条都采用这样的导航方式。
-提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/17.html b/src/HTML/17.html
deleted file mode 100644
index d30278e..0000000
--- a/src/HTML/17.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!--
-HTML 链接
-HTML 使用超级链接与网络上的另一个文档相连。
-几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开你的站点了。-->
-<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
-<p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p>
-<!--本例演示如何使用链接跳转至文档的另一个部分-->
-<p>
-    <a href="#C4">查看 Chapter 4。</a>
-</p>
-<h2>Chapter 1</h2>
-<p>This chapter explains ba bla bla</p>
-<h2>Chapter 2</h2>
-<p>This chapter explains ba bla bla</p>
-<h2>Chapter 3</h2>
-<p>This chapter explains ba bla bla</p>
-<h2><a name="C4">Chapter 4</a></h2>
-<p>This chapter explains ba bla bla</p>
-<h2>Chapter 5</h2>
-<!--本例演示如何跳出框架，假如你的页面被固定在框架之内。-->
-<p>被锁在框架中了吗？</p>
-<a href="/index.html"
-   target="_top">请点击这里！</a>
-<!--本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）-->
-<p>
-    这是邮件链接：
-    <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
-</p>
-<p>
-    <b>注意：</b>应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
-</p>
-<!--本例演示更加复杂的邮件链接。-->
-<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>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/18.html b/src/HTML/18.html
deleted file mode 100644
index 4fa8c6d..0000000
--- a/src/HTML/18.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!--
-HTML 图像
-通过使用 HTML，可以在文档中显示图像。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--本例演示如何在网页中显示图像。-->
-<p>
-    一幅图像：
-    <img src="/i/eg_mouse.jpg" width="128" height="128" />
-</p>
-<p>
-    一幅动画图像：
-    <img src="/i/eg_cute.gif" width="50" height="50" />
-</p>
-<p>请注意，插入动画图像的语法与插入普通图像的语法没有区别。</p>
-<!--本例演示如何将其他文件夹或服务器的图片显示到网页中。-->
-<p>
-    来自另一个文件夹的图像：
-    <img src="/i/ct_netscape.jpg" />
-</p>
-<p>
-    来自 W3School.com.cn 的图像：
-    <img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" />
-</p>
-<!--
-图像标签（<img>）和源属性（Src）
-在 HTML 中，图像由 <img> 标签定义。
-<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
-要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
-定义图像的语法是：
-<img src="url" />
-URL 指存储图像的位置。如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中，
-那么其 URL 为 http://www.w3school.com.cn/images/boat.gif。
-浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，
-然后显示图片，最后显示第二段。
--->
-<!--
-替换文本属性（Alt）
-alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
-<img src="boat.gif" alt="Big Boat">
-在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换
-文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。
--->
-<!--基本的注意事项 - 有用的提示：
-假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。-->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/19.html b/src/HTML/19.html
deleted file mode 100644
index 166591a..0000000
--- a/src/HTML/19.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--
-HTML 图像
-通过使用 HTML，可以在文档中显示图像。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body background="/i/eg_background.jpg">
-<!--本例演示如何向 HTML 页面添加背景图片。-->
-<h3>图像背景</h3>
-<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
-<p>如果图像小于页面，图像会进行重复。</p>
-<!--本例演示如何在文字中排列图像。-->
-<h2>未设置对齐方式的图像：</h2>
-<p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
-<h2>已设置对齐方式的图像：</h2>
-<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
-<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
-<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
-<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
-<!--本例演示如何使图片浮动至段落的左边或右边。-->
-<p>
-    <img src ="/i/eg_cute.gif" align ="left">
-    带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
-</p>
-<p>
-    <img src ="/i/eg_cute.gif" align ="right">
-    带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。
-</p>
-<!--本例演示如何为图片显示替换文本。在浏览器无法载入图像时，
-替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
--->
-<p>仅支持文本的浏览器无法显示图像，仅仅能够显示在图像的 "alt" 属性中指定的文本。在这里，"alt" 的文本是“向左转”。</p>
-<p>请注意，如果您把鼠标指针移动到图像上，大多数浏览器会显示 "alt" 文本。</p>
-<img src="/i/eg_goleft.gif" alt="向左转" />
-<p>如果无法显示图像，将显示 "alt" 属性中的文本：</p>
-<img src="/i/eg_goleft123.gif" alt="向左转" />
-<!--本例演示如何将图像作为一个链接使用。-->
-<p>
-    您也可以把图像作为链接来使用：
-    <a href="/example/html/lastpage.html">
-        <img border="0" src="/i/eg_buttonnext.gif" />
-    </a>
-</p>
-<!--本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。-->
-<p>请点击图像上的星球，把它们放大。</p>
-<img
-        src="/i/eg_planets.jpg"
-        border="0" usemap="#planetmap"
-        alt="Planets" />
-
-<map name="planetmap" id="planetmap">
-    <area
-            shape="circle"
-            coords="180,139,14"
-            href ="/example/html/venus.html"
-            target ="_blank"
-            alt="Venus" />
-    <area
-            shape="circle"
-            coords="129,161,10"
-            href ="/example/html/mercur.html"
-            target ="_blank"
-            alt="Mercury" />
-    <area
-            shape="rect"
-            coords="0,0,110,260"
-            href ="/example/html/sun.html"
-            target ="_blank"
-            alt="Sun" />
-</map>
-<p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
-<!--本例显示如何把一幅普通的图像设置为图像映射。-->
-<p>请把鼠标移动到图像上，看一下状态栏的坐标如何变化。</p>
-
-<a href="/example/html/html_ismap.html">
-    <img src="/i/eg_planets.jpg" ismap />
-</a>
-<!--
-<img>	定义图像。
-<map>	定义图像地图。
-<area>	定义图像地图中的可点击区域。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/2.html b/src/HTML/2.html
deleted file mode 100644
index 5e88462..0000000
--- a/src/HTML/2.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!--基本的html标签-四个实例-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
--->
-<h1>小舞成长史</h1>>
-<!--
-HTML 段落是通过 <p> 标签进行定义的。
--->
-<p>少年时期的小舞</p>
-<!--
-HTML 链接是通过 <a> 标签进行定义的。
-注释：在 href 属性中指定链接的地址。
--->
-<a href="https://baike.baidu.com/item/%E5%B0%8F%E8%88%9E/3977450?fr=aladdin">小舞介绍</a>
-<!--
-HTML 图像是通过 <img> 标签进行定义的。
-注释：图像的名称和尺寸是以属性的形式提供的。
--->
-<img src="少女小舞.jpg" height="400" width="800"/>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/20.html b/src/HTML/20.html
deleted file mode 100644
index 0e5e878..0000000
--- a/src/HTML/20.html
+++ /dev/null
@@ -1,169 +0,0 @@
-<!--
-HTML 表格
-HTML 图像
-HTML 列表
-你可以使用 HTML 创建表格。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--这个例子演示如何在 HTML 文档中创建表格。-->
-<p>每个表格由 table 标签开始。</p>
-<p>每个表格行由 tr 标签开始。</p>
-<p>每个表格数据由 td 标签开始。</p>
-<h4>一列：</h4>
-<table border="1">
-    <tr>
-        <td>100</td>
-    </tr>
-</table>
-<h4>一行三列：</h4>
-<table border="1">
-    <tr>
-        <td>100</td>
-        <td>200</td>
-        <td>300</td>
-    </tr>
-</table>
-<h4>两行三列：</h4>
-<table border="1">
-    <tr>
-        <td>100</td>
-        <td>200</td>
-        <td>300</td>
-    </tr>
-    <tr>
-        <td>400</td>
-        <td>500</td>
-        <td>600</td>
-    </tr>
-</table>
-<!--本例演示各种类型的表格边框。-->
-<h4>带有普通的边框：</h4>
-<table border="1">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<h4>带有粗的边框：</h4>
-<table border="8">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<h4>带有很粗的边框：</h4>
-<table border="15">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<!--
-表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。
-字母 td 指表格数据（table data），
-即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
--->
-<!--
-表格和边框属性
-如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
-使用边框属性来显示一个带有边框的表格：
-<table border="8">代表边框厚度为8
--->
-<!--
-表格的表头
-表格的表头使用 <th> 标签进行定义。
-大多数浏览器会把表头显示为粗体居中的文本：
--->
-<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>
-<!--表格中的空单元格
-在一些浏览器中，没有内容的表格单元显示得不太好。如果某个单元格是空的（没有内容），浏览器可能无法显示出这个单元格的边框。
-注意：这个空的单元格的边框没有被显示出来。为了避免这种情况，在空单元格中添加一个空格占位符，就可以将边框显示出来。
-<td>&nbsp;</td>
--->
-<table border="1">
-    <tr>
-        <td>row 1, cell 1</td>
-        <td>row 1, cell 2</td>
-    </tr>
-    <tr>
-        <td>&nbsp;</td><!-- 原来为<td></td>-->
-        <td>row 2, cell 2</td>
-    </tr>
-</table>
-<!--本例演示如何显示表格表头。-->
-<h4>表头：</h4>
-<table border="1">
-    <tr>
-        <th>姓名</th>
-        <th>电话</th>
-        <th>电话</th>
-    </tr>
-    <tr>
-        <td>Bill Gates</td>
-        <td>555 77 854</td>
-        <td>555 77 855</td>
-    </tr>
-</table>
-<h4>垂直的表头：</h4>
-<table border="1">
-    <tr>
-        <th>姓名</th>
-        <td>Bill Gates</td>
-    </tr>
-    <tr>
-        <th>电话</th>
-        <td>555 77 854</td>
-    </tr>
-    <tr>
-        <th>电话</th>
-        <td>555 77 855</td>
-    </tr>
-</table>
-<!--本例演示一个带标题 (caption) 的表格-->
-<h4>这个表格有一个标题，以及粗边框：</h4>
-<table border="6">
-    <caption>我的标题</caption>
-    <tr>
-        <td>100</td>
-        <td>200</td>
-        <td>300</td>
-    </tr>
-    <tr>
-        <td>400</td>
-        <td>500</td>
-        <td>600</td>
-    </tr>
-</table>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/21.html b/src/HTML/21.html
deleted file mode 100644
index d67cfd8..0000000
--- a/src/HTML/21.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<!--
-HTML 表格
-你可以使用 HTML 创建表格。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--本例演示如何定义跨行或跨列的表格单元格。-->
-<h4>横跨两列的单元格：</h4>
-<table border="1">
-    <tr>
-        <th>姓名</th>
-        <th colspan="3">电话</th>
-    </tr>
-    <tr>
-        <td>Bill Gates</td>
-        <td>555 77 854</td>
-        <td>555 77 855</td>
-        <td>520 77 854</td>
-    </tr>
-</table>
-<h4>横跨两行的单元格：</h4>
-<table border="1">
-    <tr>
-        <th>姓名</th>
-        <td>Bill Gates</td>
-    </tr>
-    <tr>
-        <th rowspan="2">电话</th>
-        <td>555 77 854</td>
-    </tr>
-    <tr>
-        <td>555 77 855</td>
-    </tr>
-</table>
-<!--本例演示如何显示在不同的元素内显示元素。-->
-<table border="1">
-    <tr>
-        <td>
-            <p>这是一个段落。</p>
-            <p>这是另一个段落。</p>
-        </td>
-        <td>这个单元包含一个表格：
-            <table border="1">
-                <tr>
-                    <td>A</td>
-                    <td>B</td>
-                </tr>
-                <tr>
-                    <td>C</td>
-                    <td>D</td>
-                </tr>
-            </table>
-        </td>
-    </tr>
-    <tr>
-        <td>这个单元包含一个列表：
-            <ul>
-                <li>苹果</li>
-                <li>香蕉</li>
-                <li>菠萝</li>
-            </ul>
-        </td>
-        <td>HELLO</td>
-    </tr>
-</table>
-<!--本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。-->
-<h4>没有 cellpadding：</h4>
-<table border="1">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-
-<h4>带有 cellpadding：</h4>
-<table border="1"
-       cellpadding="6">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<!--本例演示如何使用 Cell spacing 增加单元格之间的距离。-->
-<h4>没有 cellspacing：</h4>
-<table border="1">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-
-<h4>带有 cellspacing：</h4>
-<table border="1"
-       cellspacing="10">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<!--本例演示如何向表格添加背景。-->
-<h4>背景颜色：</h4>
-<table border="1"
-       bgcolor="red">
-    <tr>
-        <td>First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td>Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<!--本例演示如何向一个或者更多表格单元添加背景。-->
-
-<h4>单元背景：</h4>
-<table border="1">
-    <tr>
-        <td bgcolor="red">First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td
-                background="/i/eg_bg_07.gif">
-            Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<h4>单元背景：</h4>
-<table border="1">
-    <tr>
-        <td bgcolor="red">First</td>
-        <td>Row</td>
-    </tr>
-    <tr>
-        <td bgcolor="blue" >Second</td>
-        <td>Row</td>
-    </tr>
-</table>
-<!--本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。-->
-<table width="400" border="1">
-    <tr>
-        <th align="left">消费项目....</th>
-        <th align="right">一月</th>
-        <th align="right">二月</th>
-    </tr>
-    <tr>
-        <td align="left">衣服</td>
-        <td align="right">$241.10</td>
-        <td align="right">$50.20</td>
-    </tr>
-    <tr>
-        <td align="left">化妆品</td>
-        <td align="right">$30.00</td>
-        <td align="right">$44.45</td>
-    </tr>
-    <tr>
-        <td align="left">食物</td>
-        <td align="right">$730.40</td>
-        <td align="right">$650.00</td>
-    </tr>
-    <tr>
-        <th align="left">总计</th>
-        <th align="right">$1001.50</th>
-        <th align="right">$744.65</th>
-    </tr>
-</table>
-<!--本例演示如何使用 "frame" 属性来控制围绕表格的边框。-->
-<p><b>注释：</b>frame 属性无法在 Internet Explorer 中正确地显示。</p>
-
-<p>Table with frame="box":</p>
-<table frame="box">
-    <tr>
-        <th>Month</th>
-        <th>Savings</th>
-    </tr>
-    <tr>
-        <td>January</td>
-        <td>$100</td>
-    </tr>
-</table>
-
-<p>Table with frame="above":</p>
-<table frame="above">
-    <tr>
-        <th>Month</th>
-        <th>Savings</th>
-    </tr>
-    <tr>
-        <td>January</td>
-        <td>$100</td>
-    </tr>
-</table>
-
-<p>Table with frame="below":</p>
-<table frame="below">
-    <tr>
-        <th>Month</th>
-        <th>Savings</th>
-    </tr>
-    <tr>
-        <td>January</td>
-        <td>$100</td>
-    </tr>
-</table>
-
-<p>Table with frame="hsides":</p>
-<table frame="hsides">
-    <tr>
-        <th>Month</th>
-        <th>Savings</th>
-    </tr>
-    <tr>
-        <td>January</td>
-        <td>$100</td>
-    </tr>
-</table>
-
-<p>Table with frame="vsides":</p>
-<table frame="vsides">
-    <tr>
-        <th>Month</th>
-        <th>Savings</th>
-    </tr>
-    <tr>
-        <td>January</td>
-        <td>$100</td>
-    </tr>
-</table>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/22.html b/src/HTML/22.html
deleted file mode 100644
index af05a76..0000000
--- a/src/HTML/22.html
+++ /dev/null
@@ -1,133 +0,0 @@
-<!--
-HTML 列表
-HTML 支持有序、无序和定义列表
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--本例演示无序列表。-->
-<h4>一个无序列表：</h4>
-<ul>
-    <li>咖啡</li>
-    <li>茶</li>
-    <li>牛奶</li>
-</ul>
-<!--本例演示有序列表。-->
-<ol>
-    <li>咖啡</li>
-    <li>牛奶</li>
-    <li>茶</li>
-</ol>
-
-<ol start="50">
-    <li>咖啡</li>
-    <li>牛奶</li>
-    <li>茶</li>
-</ol>
-<!--
-无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
-无序列表始于 <ul> 标签。每个列表项始于 <li>。
-列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
--->
-<!--
-同样，有序列表也是一列项目，列表项目使用数字进行标记。
-有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
-列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
--->
-<!--
-自定义列表不仅仅是一列项目，而是项目及其注释的组合。
-自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
-定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
--->
-<dl>
-    <dt>Coffee</dt>
-    <dd>Black hot drink</dd>
-    <dt>Milk</dt>
-    <dd>White cold drink</dd>
-</dl>
-<!--本例演示一个无序列表。-->
-<h4>Disc 项目符号列表：</h4>
-<ul type="disc">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ul>
-
-<h4>Circle 项目符号列表：</h4>
-<ul type="circle">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ul>
-<h4>Square 项目符号列表：</h4>
-<ul type="square">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ul>
-<!--本例演示不同类型的有序列表。-->
-<h4>数字列表：</h4>
-<ol>
-    <li>苹果</li>
-    <li>香蕉</li>
-</ol>
-<h4>字母列表：</h4>
-<ol type="A">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ol>
-<h4>小写字母列表：</h4>
-<ol type="a">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ol>
-<h4>罗马字母列表：</h4>
-<ol type="I">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ol>
-<h4>小写罗马字母列表：</h4>
-<ol type="i">
-    <li>苹果</li>
-    <li>香蕉</li>
-</ol>
-<!--本例演示如何嵌套列表。-->
-<h4>一个嵌套列表：</h4>
-<ul>
-    <li>咖啡</li>
-    <li>茶
-        <ul>
-            <li>红茶</li>
-            <li>绿茶</li>
-        </ul>
-    </li>
-    <li>牛奶</li>
-</ul>
-<!--本例演示更复杂的嵌套列表。-->
-<h4>一个嵌套列表：</h4>
-<ul>
-    <li>咖啡</li>
-    <li>茶
-        <ul>
-            <li>红茶</li>
-            <li>绿茶
-                <ul>
-                    <li>中国茶</li>
-                    <li>非洲茶</li>
-                </ul>
-            </li>
-        </ul>
-    </li>
-    <li>牛奶</li>
-</ul>
-<!--
-<ol>	定义有序列表。
-<ul>	定义无序列表。
-<li>	定义列表项。
-<dl>	定义定义列表。
-<dt>	定义定义项目。
-<dd>	定义定义的描述。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/23.html b/src/HTML/23.html
deleted file mode 100644
index 902cc26..0000000
--- a/src/HTML/23.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!--
-HTML <div> 和 <span>
-可以通过 <div> 和 <span> 将 HTML 元素组合起来。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 块元素
-大多数 HTML 元素被定义为块级元素或内联元素。
-编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。
-块级元素在浏览器显示时，通常会以新行来开始（和结束）。
-例子：<h1>, <p>, <ul>, <table>
--->
-<!--
-HTML 内联元素
-内联元素在显示时通常不会以新行开始。
-例子：<b>, <td>, <a>, <img>
--->
-<!--
-HTML <div> 元素
-HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
-<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
-如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
-<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。
-使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
--->
-<!--
-HTML <span> 元素
-HTML <span> 元素是内联元素，可用作文本的容器。
-<span> 元素也没有特定的含义。
-当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
--->
-<!--
-<div>	定义文档中的分区或节（division/section）。
-<span>	定义 span，用来组合文档中的行内元素。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/24.html b/src/HTML/24.html
deleted file mode 100644
index 8ea2664..0000000
--- a/src/HTML/24.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!--
-HTML 类
-对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。
-为相同的类设置相同的样式，或者为不同的类设置不同的样式。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <style>
-.cities {
-    background-color:gray;
-    color:white;
-    margin:20px;
-    padding:20px;
-}
-span.red {color:red;}
-</style>
-</head>
-<body>
-<div class="cities">
-    <h2>London</h2>
-    <p>
-        London is the capital city of England.
-        It is the most populous city in the United Kingdom,
-        with a metropolitan area of over 13 million inhabitants.
-    </p>
-    <p>
-        Standing on the River Thames, London has been a major settlement for two millennia,
-        its history going back to its founding by the Romans, who named it Londinium.
-    </p>
-</div>
-<!--
-分类块级元素
-HTML <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。
-设置 <div> 元素的类，使我们能够为相同的 <div> 元素设置相同的类
--->
-<div class="cities">
-    <h2>London</h2>
-    <p>London is the capital city of England.
-        It is the most populous city in the United Kingdom,
-        with a metropolitan area of over 13 million inhabitants.</p>
-</div>
-
-<div class="cities">
-    <h2>Paris</h2>
-    <p>Paris is the capital and most populous city of France.</p>
-</div>
-
-<div class="cities">
-    <h2>Tokyo</h2>
-    <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
-        and the most populous metropolitan area in the world.</p>
-</div>
-<!--
-HTML <span> 元素是行内元素，能够用作文本的容器。
-设置 <span> 元素的类，能够为相同的 <span> 元素设置相同的样式。
-如 span.red {color:red;}
--->
-<h1>My <span class="red">Important</span> Heading</h1>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/25.html b/src/HTML/25.html
deleted file mode 100644
index fdf150a..0000000
--- a/src/HTML/25.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!--
-HTML 布局
-网站常常以多列显示内容（就像杂志和报纸）
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-使用 <div> 元素的 HTML 布局
-注释：<div> 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。
-这个例子使用了四个 <div> 元素来创建多列布局：
--->
-<div id="header">
-    <h1>City Gallery</h1>
-</div>
-
-<div id="nav">
-    London<br>
-    Paris<br>
-    Tokyo<br>
-</div>
-
-<div id="section">
-    <h1>London</h1>
-    <p>
-        London is the capital city of England. It is the most populous city in the United Kingdom,
-        with a metropolitan area of over 13 million inhabitants.
-    </p>
-    <p>
-        Standing on the River Thames, London has been a major settlement for two millennia,
-        its history going back to its founding by the Romans, who named it Londinium.
-    </p>
-</div>
-
-<div id="footer">
-    Copyright W3School.com.cn
-</div>
-
-<!--
-使用 HTML5 的网站布局
-HTML5 提供的新语义元素定义了网页的不同部分：
-HTML5 语义元素
-header	定义文档或节的页眉
-nav	定义导航链接的容器
-section	定义文档中的节
-article	定义独立的自包含文章
-aside	定义内容之外的内容（比如侧栏）
-footer	定义文档或节的页脚
-details	定义额外的细节
-summary	定义 details 元素的标题
--->
-<header>
-    <h1>City Gallery</h1>
-</header>
-
-<nav>
-    London<br>
-    Paris<br>
-    Tokyo<br>
-</nav>
-
-<section>
-    <h1>London</h1>
-    <p>
-        London is the capital city of England. It is the most populous city in the United Kingdom,
-        with a metropolitan area of over 13 million inhabitants.
-    </p>
-    <p>
-        Standing on the River Thames, London has been a major settlement for two millennia,
-        its history going back to its founding by the Romans, who named it Londinium.
-    </p>
-</section>
-
-<footer>
-    Copyright W3School.com.cn
-</footer>
-
-<!--
-使用表格的 HTML 布局
-注释：<table> 元素不是作为布局工具而设计的。
-<table> 元素的作用是显示表格化的数据。
-使用 <table> 元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式：
--->
-<table class="lamp">
-    <tr>
-        <th>
-            <img src="/images/lamp.jpg" alt="Note" style="height:32px;width:32px">
-        </th>
-        <td>
-            The table element was not designed to be a layout tool.
-        </td>
-    </tr>
-</table>
-<!---->
-<!---->
-<!---->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/26.html b/src/HTML/26.html
deleted file mode 100644
index 5a97969..0000000
--- a/src/HTML/26.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!--HTML 响应式 Web 设计-->
-<!--
-什么是响应式 Web 设计？
-RWD 指的是响应式 Web 设计（Responsive Web Design）
-RWD 能够以可变尺寸传递网页
-RWD 对于平板和移动设备是必需的
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <style>
-.city {
-float: left;
-margin: 5px;
-padding: 15px;
-width: 300px;
-height: 300px;
-border: 1px solid black;
-}
-</style>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--创建您自己的响应式设计
-创建响应式设计的一个方法，是自己来创建它：-->
-
-<h1>W3School Demo</h1>
-<h2>Resize this responsive page!</h2>
-<br>
-
-<div class="city">
-    <h2>London</h2>
-    <p>London is the capital city of England.</p>
-    <p>It is the most populous city in the United Kingdom,
-        with a metropolitan area of over 13 million inhabitants.</p>
-</div>
-
-<div class="city">
-    <h2>Paris</h2>
-    <p>Paris is the capital and most populous city of France.</p>
-</div>
-
-<div class="city">
-    <h2>Tokyo</h2>
-    <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
-        and the most populous metropolitan area in the world.</p>
-</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/27.html b/src/HTML/27.html
deleted file mode 100644
index 45aecd8..0000000
--- a/src/HTML/27.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!--HTML 框架-->
-<!--通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。-->
-<!DOCTYPE html>
-<html lang="en">
-<!--本例演示：如何使用三份不同的文档制作一个垂直框架。-->
-<!--
-<frameset cols="25%,50%,25%">
-    <frame src="/example/html/frame_a.html">
-    <frame src="/example/html/frame_b.html">
-    <frame src="/example/html/frame_c.html">
-    -->
-    <!--本例演示：如何使用三份不同的文档制作一个水平框架。-->
-    <frameset rows="25%,50%,25%">
-
-        <frame src="/example/html/frame_a.html">
-        <frame src="/example/html/frame_b.html">
-        <frame src="/example/html/frame_c.html">
-    </frameset>
-</frameset>
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<!--
-通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
-使用框架的坏处：
-开发人员必须同时跟踪更多的HTML文档
-很难打印整张页面
--->
-<!--
-框架结构标签（<frameset>）
-框架结构标签（<frameset>）定义如何将窗口分割为框架
-每个 frameset 定义了一系列行或列
-rows/columns 的值规定了每行或每列占据屏幕的面积
-编者注：frameset 标签也被某些文章和书籍译为框架集。
--->
-<!--
-框架标签（Frame）
-Frame 标签定义了放置在每个框架中的 HTML 文档。
-
-在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。
-第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：
-<frameset cols="25%,75%">
-   <frame src="frame_a.htm">
-   <frame src="frame_b.htm">
-</frameset>
--->
-<!--
-基本的注意事项 - 有用的提示：
-假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。
-为不支持框架的浏览器添加 <noframes> 标签。
-重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，
-就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）
--->
-<!--本例演示：如何使用 <noframes> 标签。-->
-<noframes>
-    <body>您的浏览器无法处理框架！</body>
-</noframes>
-
-</html>
\ No newline at end of file
diff --git a/src/HTML/28.html b/src/HTML/28.html
deleted file mode 100644
index 993dda4..0000000
--- a/src/HTML/28.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!--HTML 框架-->
-<!--通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。-->
-<!DOCTYPE html>
-<html lang="en">
-<!--本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。-->
-<!--<frameset rows="50%,50%">
-    <frame src="/example/html/frame_a.html">
-    <frameset cols="25%,75%">
-        <frame src="/example/html/frame_b.html">
-        <frame src="/example/html/frame_c.html">
-    </frameset>
-</frameset>-->
-<!--本例演示 noresize 属性。在本例中，框架是不可调整尺寸的。在框架间的边框上拖动鼠标，你会发现边框是无法移动的。-->
-<!--<frameset cols="50%,*,25%">
-    <frame src="/example/html/frame_a.html" noresize="noresize" />
-    <frame src="/example/html/frame_b.html" />
-    <frame src="/example/html/frame_c.html" />
-</frameset>-->
-<!--本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。-->
-<!--<frameset cols="120,*">
-    <frame src="/example/html/html_contents.html">
-    <frame src="/example/html/frame_a.html" name="showframe">
-</frameset>-->
-<!--本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。-->
-<!--<frameset cols="20%,80%">
-
-    <frame src="/example/html/frame_a.html">
-    <frame src="/example/html/link.html#C10">
-
-</frameset>-->
-<!--本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。
-第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。-->
-<frameset cols="180,*">
-
-    <frame src="/example/html/content.html">
-    <frame src="/example/html/link.html" name="showframe">
-
-</frameset>
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--本例演示如何创建内联框架（HTML 页中的框架）。-->
-<!--
-<iframe src="/i/eg_landscape.jpg"></iframe>
-<p>一些老的浏览器不支持 iframe。</p>
-<p>如果得不到支持，iframe 是不可见的。</p>
--->
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/29.html b/src/HTML/29.html
deleted file mode 100644
index 36e0b08..0000000
--- a/src/HTML/29.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!--HTML Iframe
-iframe 用于在网页内显示网页。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-添加 iframe 的语法
-<iframe src="URL"></iframe>
-URL 指向隔离页面的位置。
--->
-<!--
-Iframe - 设置高度和宽度
-height 和 width 属性用于规定 iframe 的高度和宽度。
-属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。
--->
-<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
-<!--Iframe - 删除边框
-frameborder 属性规定是否显示 iframe 周围的边框。
-设置属性值为 "0" 就可以移除边框：-->
-<iframe src="demo_iframe.htm" frameborder="0"></iframe>
-<!--使用 iframe 作为链接的目标
-iframe 可用作链接的目标（target）。
-链接的 target 属性必须引用 iframe 的 name 属性：-->
-<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>
-<!---->
-<!---->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/3.html b/src/HTML/3.html
deleted file mode 100644
index 9ed72be..0000000
--- a/src/HTML/3.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!--HTML 元素-->
-<!--HTML 文档是由 HTML 元素定义的。-->
-<!--
-HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
-开始标签	                             元素内容	            结束标签
-  <p>	                             This is a paragraph	 </p>
- <a href="default.htm" >	          This is a link	     </a>
-  <br />
-注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。
--->
-<!--
-HTML 元素语法
-HTML 元素以开始标签起始
-HTML 元素以结束标签终止
-元素的内容是开始标签与结束标签之间的内容
-某些 HTML 元素具有空内容（empty content）
-空元素在开始标签中进行关闭（以开始标签的结束而结束）
-大多数 HTML 元素可拥有属性
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-嵌套的 HTML 元素
-大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
-HTML 文档由嵌套的 HTML 元素构成。
--->
-<!--
-<p> 元素定义了 HTML 文档中的一个段落。
--->
-<!--
-<body> 元素定义了 HTML 文档的主体。
--->
-<!--
-<html> 元素定义了整个 HTML 文档。
--->
-<!--
-空的 HTML 元素
-没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
-<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
-在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
-在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
-即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
-HTML 提示：使用小写标签
-HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
-W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/30.html b/src/HTML/30.html
deleted file mode 100644
index f17068a..0000000
--- a/src/HTML/30.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!--
-HTML 背景
-好的背景使站点看上去特别棒。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<!--一个背景颜色和文字颜色搭配良好的例子，使页面中的文字易于阅读。-->
-<!--<body bgcolor="#d0d0d0">好的-->
-<!--<body bgcolor="#ffffff" text="yellow">不好的-->
-<body background="http://www.w3school.com.cn/clouds.gif">
-<p>
-    这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。这是段落。
-</p>
-<p>
-    这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。这是另一个段落。
-</p>
-<!--一个背景颜色和文字颜色搭配得不好的例子，使页面中的文字难于阅读。-->
-<!--
-背景（Backgrounds）
-<body> 拥有两个配置背景的标签。背景可以是颜色或者图像。
-背景颜色（Bgcolor）
-背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
-<body bgcolor="#000000">
-<body bgcolor="rgb(0,0,0)">
-<body bgcolor="black">
-以上的代码均将背景颜色设置为黑色。
--->
-<!--
-背景（Background）
-背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。
-<body background="clouds.gif">
-<body background="http://www.w3school.com.cn/clouds.gif">
-URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码。
-提示：如果你打算使用背景图片，你需要紧记一下几点：
-背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。
-背景图像是否与页面中的其他图象搭配良好。
-背景图像是否与页面中的文字颜色搭配良好。
-图像在页面中平铺后，看上去还可以吗？
-对文字的注意力被背景图像喧宾夺主了吗？
--->
-<!--基本的注意事项 - 有用的提示：
-<body> 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）
-中已被废弃。W3C 在他们的推荐标准中已删除这些属性。
-应该使用层叠样式表（CSS）来定义 HTML 元素的布局和显示属性。-->
-<!--背景图像和文字颜色使页面文本易于阅读的例子。-->
-<h3>图像背景</h3>
-<p>gif 和 jpg 文件均可用作 HTML 背景。</p>
-<p>如果图像小于页面，图像会进行重复。</p>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/31.html b/src/HTML/31.html
deleted file mode 100644
index efdfd7e..0000000
--- a/src/HTML/31.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!--HTML 脚本
-JavaScript 使 HTML 页面具有更强的动态和交互性。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--如何将脚本插入 HTML 文档。-->
-<script type="text/javascript">
-document.write("<h1>Hello World!</h1>")
-</script>
-<!--如何应对不支持脚本或禁用脚本的浏览器。-->
-<script type="text/javascript">
-document.write("Hello World!")
-</script>
-<noscript>Sorry, your browser does not support JavaScript!</noscript>
-<p>不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。</p>
-<!--
-HTML script 元素
-<script> 标签用于定义客户端脚本，比如 JavaScript。
-script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
-必需的 type 属性规定脚本的 MIME 类型。
-JavaScript 最常用于图片操作、表单验证以及内容动态更新。
-下面的脚本会向浏览器输出“Hello World!”：
-<script type="text/javascript">
-document.write("Hello World!")
-</script>
--->
-<!--
-<noscript> 标签
-<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
-noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
-只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：
--->
-<!--
-如何应付老式的浏览器
-如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，
-你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别 <script> 标签的浏览器）将忽略这些注释，
-所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。
--->
-<script type="text/javascript">
-<!--
-document.write("Hello World!")
-//-->
-</script>
-<!---->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/32.html b/src/HTML/32.html
deleted file mode 100644
index 4d606eb..0000000
--- a/src/HTML/32.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!--HTML 文件路径-->
-<!---->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-路径	                            描述
-<img src="picture.jpg">	picture.jpg 位于与当前网页相同的文件夹
-<img src="images/picture.jpg">	picture.jpg 位于当前文件夹的 images 文件夹中
-<img src="/images/picture.jpg">	picture.jpg 当前站点根目录的 images 文件夹中
-<img src="../picture.jpg">	picture.jpg 位于当前文件夹的上一级文件夹中
--->
-<!--
-HTML 文件路径
-文件路径描述了网站文件夹结构中某个文件的位置。
-文件路径会在链接外部文件时被用到：
-网页
-图像
-样式表
-JavaScript
--->
-<!--绝对文件路径
-绝对文件路径是指向一个因特网文件的完整 URL：
-实例
-<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">
-<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。
-相对路径
-相对路径指向了相对于当前页面的文件。
-在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
-实例
-<img src="/images/picture.jpg" alt="flower">
-在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：
-实例
-<img src="images/picture.jpg" alt="flower">
-在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：
-实例
-<img src="../images/picture.jpg" alt="flower">-->
-<img src="http://bbsfiles.vivo.com.cn/vivobbs/attachment/forum/201803/20/114850wipvpnnrphw8h8zp.jpg" height="600" weight="400" alt="view">
-<!--
-好习惯
-使用相对路径是个好习惯（如果可能）。
-如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/33.html b/src/HTML/33.html
deleted file mode 100644
index 2d26a34..0000000
--- a/src/HTML/33.html
+++ /dev/null
@@ -1,115 +0,0 @@
-<!--HTML 头部元素-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <!--<title> 标题定义文档的标题-->
-    <title>标题不会显示在文档区</title>
-    <!--如何使用 base 标签使页面中的所有标签在新窗口中打开。-->
-    <base target="_blank" />
-    <!--使用 <meta> 元素来描述文档。
-    <p>本文档的 meta 属性标识了创作者和编辑软件。</p>-->
-    <!--<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-    <meta name="author"
-          content="w3school.com.cn">
-    <meta name="revised"
-          content="David Yang,8/1/07">
-    <meta name="generator"
-          content="Dreamweaver 8.0en">-->
-    <!--使用 <meta> 元素来定义文档的关键词。
-    <p>本文档的 meta 属性描述了该文档和它的关键词。</p>-->
-    <!--<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-    <meta name="description"
-          content="HTML examples">
-
-    <meta name="keywords"
-          content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">-->
-    <!--如何把用户重定向到新的网址。-->
-    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-    <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
-</head>
-<body>
-<p>
-    <a href="http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载，因为 target 属性被设置为 "_blank"。
-</p>
-
-<p>
-    <a href="http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载，即使没有 target 属性。
-</p>
-<p>
-    对不起。我们已经搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a>
-</p>
-<p>您将在 5 秒内被重定向到新的地址。</p>
-<p>如果超过 5 秒后您仍然看到本消息，请点击上面的链接。</p>
-<!--
-HTML <head> 元素
-<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
-以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。
-HTML <title> 元素
-<title> 标签定义文档的标题。
-title 元素在所有 HTML/XHTML 文档中都是必需的。
-title 元素能够：
-定义浏览器工具栏中的标题
-提供页面被添加到收藏夹时显示的标题
-显示在搜索引擎结果中的页面标题
--->
-<!--
-HTML <base> 元素
-<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
-<head>
-<base href="http://www.w3school.com.cn/images/" />
-<base target="_blank" />
-</head>
--->
-<!--
-HTML <link> 元素
-<link> 标签定义文档与外部资源之间的关系。
-<link> 标签最常用于连接样式表：
-<head>
-<link rel="stylesheet" type="text/css" href="mystyle.css" />
-</head>
--->
-<!--
-HTML <style> 元素
-<style> 标签用于为 HTML 文档定义样式信息。
-您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：
-<head>
-<style type="text/css">
-body {background-color:yellow}
-p {color:blue}
-</style>
-</head>
--->
-<!--
-HTML <meta> 元素
-元数据（metadata）是关于数据的信息。
-<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
-典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
-<meta> 标签始终位于 head 元素中。
-元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
--->
-<!--
-针对搜索引擎的关键词
-一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。
-下面的 meta 元素定义页面的描述：
-<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
-下面的 meta 元素定义页面的关键词：
-<meta name="keywords" content="HTML, CSS, XML" />
-name 和 content 属性的作用是描述页面的内容。
--->
-<!--
-HTML <script> 元素
-<script> 标签用于定义客户端脚本，比如 JavaScript。
-我们会在稍后的章节讲解 script 元素。
--->
-<!--
-<head>	定义关于文档的信息。
-<title>	定义文档标题。
-<base>	定义页面上所有链接的默认地址或默认目标。
-<link>	定义文档与外部资源之间的关系。
-<meta>	定义关于 HTML 文档的元数据。
-<script>	定义客户端脚本。
-<style>	定义文档的样式信息。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/34.html b/src/HTML/34.html
deleted file mode 100644
index cdc2995..0000000
--- a/src/HTML/34.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!--HTML 字符实体-->
-<!--HTML 中的预留字符必须被替换为字符实体。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 实体
-在 HTML 中，某些字符是预留的。
-在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
-如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
-字符实体类似这样：
-&#entity_number;
-如需显示小于号，我们必须这样写：&lt; 或 &#60;
-提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。
--->
-<!--
-不间断空格（non-breaking space）
-HTML 中的常用字符实体是不间断空格(&nbsp;)。
-浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格，在显示该页面之前，
-浏览器会删除它们中的 9 个。如需在页面中增加空格的数量，您需要使用 &nbsp; 字符实体。
--->
-<h2>字符实体</h2>
-​
-<p>&#174;</p>
-​
-<p>用实体数字（比如"#174"）或者实体名称（比如 "pound"）替代 "X"，然后查看结果。</p>
-<!--
-显示结果	描述	实体名称	实体编号
- 	空格	&nbsp;	&#160;
-<	小于号	&lt;	&#60;
->	大于号	&gt;	&#62;
-&	和号	&amp;	&#38;
-"	引号	&quot;	&#34;
-'	撇号 	&apos; (IE不支持)	&#39;
-￠	分（cent）	&cent;	&#162;
-£	镑（pound）	&pound;	&#163;
-¥	元（yen）	&yen;	&#165;
-€	欧元（euro）	&euro;	&#8364;
-§	小节	&sect;	&#167;
-©	版权（copyright）	&copy;	&#169;
-®	注册商标	&reg;	&#174;
-™	商标	&trade;	&#8482;
-×	乘号	&times;	&#215;
-÷	除号	&divide;	&#247;
--->
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/35.html b/src/HTML/35.html
deleted file mode 100644
index 6ccaefe..0000000
--- a/src/HTML/35.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--HTML 统一资源定位器-->
-<!--URL 也被称为网址。
-URL 可以由单词组成，比如 “w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。
-大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-URL - Uniform Resource Locator
-当您点击 HTML 页面中的某个链接时，对应的 <a> 标签指向万维网上的一个地址。
-统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。
-网址，比如 http://www.w3school.com.cn/html/index.asp，遵守以下的语法规则：
-scheme://host.domain:port/path/filename
-解释：
-scheme - 定义因特网服务的类型。最常见的类型是 http
-host - 定义域主机（http 的默认主机是 www）
-domain - 定义因特网域名，比如 w3school.com.cn
-:port - 定义主机上的端口号（http 的默认端口号是 80）
-path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
-filename - 定义文档/资源的名称
-编者注：URL 的英文全称是 Uniform Resource Locator，中文也译为“统一资源定位符”。
--->
-<!--
-URL Schemes
-以下是其中一些最流行的 scheme：
-Scheme	访问	用于...
-http	超文本传输协议	以 http:// 开头的普通网页。不加密。
-https	安全超文本传输协议	安全网页。加密所有信息交换。
-ftp	文件传输协议	用于将文件下载或上传至网站。
-file	 	您计算机上的文件。
--->
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/36.html b/src/HTML/36.html
deleted file mode 100644
index befe5cc..0000000
--- a/src/HTML/36.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!--HTML URL 字符编码-->
-<!--URL 编码会将字符转换为可通过因特网传输的格式。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-URL - 统一资源定位器
-Web 浏览器通过 URL 从 web 服务器请求页面。
-URL 是网页的地址，比如 http://www.w3school.com.cn。
--->
-<!--
-URL 编码
-URL 只能使用 ASCII 字符集来通过因特网进行发送。
-由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。
-URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
-URL 不能包含空格。URL 编码通常使用 + 来替换空格。
--->
-<!--
-字符	URL 编码
-€	%80
-£	%A3
-©	%A9
-®	%AE
-À	%C0
-Á	%C1
-Â	%C2
-Ã	%C3
-Ä	%C4
-Å	%C5
--->
diff --git a/src/HTML/37.html b/src/HTML/37.html
deleted file mode 100644
index aa731db..0000000
--- a/src/HTML/37.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!--HTML Web Server-->
-<!--如果希望向世界发布您的网站，那么您必须把它存放在 web 服务器上。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-托管自己的网站
-在自己的服务器上托管网站始终是一个选项。有几点需要考虑：
-
-硬件支出
-如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。
-软件支出
-请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。
-人工费
-不要指望低廉的人工费用。您必须安装自己的硬件和软件。您同时要处理漏洞和病毒，
-以确保您的服务器时刻正常地运行于一个“任何事都可能发生”的环境中。
--->
-<!--
-使用因特网服务提供商（ISP）
-从 ISP 租用服务器也很常见。
-大多数小公司会把网站存放到由 ISP 提供的服务器上。其优势有以下几点：
-连接速度
-大多数 ISP 都拥有连接因特网的高速连接。
-强大的硬件
-ISP 的 web 服务器通常强大到能够由若干网站分享资源。您还要看一下 ISP 是否提供高效的负载平衡，以及必要的备份服务器。
-安全性和可靠性
-ISP 是网站托管方面的专家。他们应该提供 99% 以上的在线时间，最新的软件补丁，以及最好的病毒防护。
--->
-<!--
-选择 ISP 时的注意事项
-24 小时支持
-确保 ISP 提供 24 小时支持。不要使自己置于无法解决严重问题的尴尬境地，同时还必须等待第二个工作日。如果您不希望支付长途电话费，那么免费电话服务也是必要的。
-每日备份
-确保 ISP 会执行每日备份的例行工作，否则您有可能损失有价值的数据。
-流量
-研究一下 ISP 的流量限制。如果出现由于网站受欢迎而激增的不可预期的访问量，那么您要确保不会因此支付额外费用。
-带宽或内容限制
-研究一下 ISP 的带宽和内容限制。如果您计划发布图片或播出视频或音频，请确保您有此权限。
-E-mail 功能
-请确保 ISP 支持您需要的 e-mail 功能。
-数据库访问
-如果您计划使用网站数据库中的数据，那么请确保您的 ISP 支持您需要的数据库访问。
-在您选取一家 ISP 之前，请务必阅读 W3School 的 Web 主机教程。
--->
-<!---->
-<!---->
-<!---->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/38.html b/src/HTML/38.html
deleted file mode 100644
index 5d7a977..0000000
--- a/src/HTML/38.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!--HTML 颜色-->
-<!--颜色由红色、绿色、蓝色混合而成。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-颜色值
-颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
-每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。
--->
-<!--
-颜色名
-大多数的浏览器都支持颜色名集合。
-提示：仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon,
-navy, olive, purple, red, silver, teal, white, yellow。
-如果需要使用其它的颜色，需要使用十六进制的颜色值。
--->
-<!--
-Web安全色
-数年以前，当大多数计算机仅支持 256 种颜色的时候，一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是，
-微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色（双方大约各使用 20 种）。
-我们不确定如今这么做的意义有多大，因为越来越多的计算机有能力处理数百万种颜色，不过做选择还是你自己。
--->
-<!--
-216 跨平台色
-最初，216 跨平台 web 安全色被用来确保：当计算机使用 256 色调色板时，所有的计算机能够正确地显示所有的颜色。
--->
-<!--本页提供了被大多数浏览器支持的颜色名。
-提示：仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持，它们是：aqua、black、blue、fuchsia、gray、green、lime、
-maroon、navy、olive、purple、red、silver、teal、white、yellow。
-如果使用其它颜色的话，就应该使用十六进制的颜色值。-->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/4.html b/src/HTML/4.html
deleted file mode 100644
index 1035ef4..0000000
--- a/src/HTML/4.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!--HTML 属性-->
-<!--属性为 HTML 元素提供附加信息。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<!--
-<body> 定义 HTML 文档的主体。
-<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
--->
-<body bgcolor="yellow">
-<!--
-HTML 属性
-HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
-属性总是以名称/值对的形式出现，比如：name="value"。
-属性总是在 HTML 元素的开始标签中规定。
--->
-<!--
-HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：
--->
-<a href="http://www.w3school.com.cn">This is a link</a>
-<!--
-<h1> 定义标题的开始。
--->
-<h1 align="center"> 拥有关于对齐方式的附加信息</h1>
-<!--
-<table> 定义 HTML 表格。
-<table border="1"> 拥有关于表格边框的附加信息。
--->
-<table border="1" bgcolor="red">人物关系表</table>
-<!--
-始终为属性值加引号
-属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
-在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
-name='Bill "HelloWorld" Gates'
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/40.html b/src/HTML/40.html
deleted file mode 100644
index 7e2d932..0000000
--- a/src/HTML/40.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!--HTML <!DOCTYPE>-->
-<!--<!DOCTYPE> 声明帮助浏览器正确地显示网页。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-<!DOCTYPE> 声明
-Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。
-HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
-<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。
--->
-<!--
-HTML 版本
-从 Web 诞生早期至今，已经发展出多个 HTML 版本：
-版本	年份
-HTML	1991
-HTML+	1993
-HTML 2.0	1995
-HTML 3.2	1997
-HTML 4.01	1999
-XHTML 1.0	2000
-HTML5	2012
-XHTML5	2013
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/41.html b/src/HTML/41.html
deleted file mode 100644
index e07d3aa..0000000
--- a/src/HTML/41.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!--XHTML 简介-->
-<!--XHTML 是以 XML 格式编写的 HTML。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-什么是 XHTML？
-XHTML 指的是可扩展超文本标记语言
-XHTML 与 HTML 4.01 几乎是相同的
-XHTML 是更严格更纯净的 HTML 版本
-XHTML 是以 XML 应用的方式定义的 HTML
-XHTML 是 2001 年 1 月发布的 W3C 推荐标准
-XHTML 得到所有主流浏览器的支持
--->
-<!--
-为什么使用 XHTML？
-因特网上的很多页面包含了“糟糕”的 HTML。
-如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：
-XML 是一种必须正确标记且格式良好的标记语言。
-如果希望学习 XML，请阅读我们的 XML 教程。
-今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。
-小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。
-所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。
--->
-<!--
-与 HTML 相比最重要的区别：
-文档结构
-XHTML DOCTYPE 是强制性的
-<html> 中的 XML namespace 属性是强制性的
-<html>、<head>、<title> 以及 <body> 也是强制性的
-元素语法
-XHTML 元素必须正确嵌套
-XHTML 元素必须始终关闭
-XHTML 元素必须小写
-XHTML 文档必须有一个根元素
-属性语法
-XHTML 属性必须使用小写
-XHTML 属性值必须用引号包围
-XHTML 属性最小化也是禁止的
--->
-<!--
-<!DOCTYPE ....> 是强制性的
-XHTML 文档必须进行 XHTML 文档类型声明（XHTML DOCTYPE declaration）。
-您可以在 W3School 的标签参考手册中找到完整的 XHTML 文档类型。
-<html>、<head>、<title> 以及 <body> 元素也必须存在，并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。
-下面的例子展示了带有最少的必需标签的 XHTML 文档：
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<title>Title of document</title>
-</head>
-<body>
-......
-</body>
-</html>
--->
-<!--
-如何从 HTML 转换到 XHTML
-向每张页面的第一行添加 XHTML <!DOCTYPE>
-向每张页面的 html 元素添加 xmlns 属性
-把所有元素名改为小写
-关闭所有空元素
-把所有属性名改为小写
-为所有属性值加引号
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/42.html b/src/HTML/42.html
deleted file mode 100644
index 983af43..0000000
--- a/src/HTML/42.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!--XHTML - 元素-->
-<!--XHTML 元素是以 XML 格式编写的 HTML 元素。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-XHTML 元素 - 语法规则
-XHTML 元素必须正确嵌套
-XHTML 元素必须始终关闭
-XHTML 元素必须小写
-XHTML 文档必须有一个根元素
--->
-<!--
-XHTML 元素必须正确嵌套
-在 HTML 中，某些元素可以不正确地彼此嵌套在一起，就像这样：
-<b><i>This text is bold and italic</b></i>
-在 XHTML 中，所有元素必须正确地彼此嵌套，就像这样：
-<b><i>This text is bold and italic</i></b>
--->
-<!--
-XHTML 元素必须始终关闭
-这是错误的：
-<p>This is a paragraph
-<p>This is another paragraph
-这是正确的：
-<p>This is a paragraph</p>
-<p>This is another paragraph</p>
-空元素也必须关闭
-这是错误的：
-A break: <br>
-A horizontal rule: <hr>
-An image: <img src="happy.gif" alt="Happy face">
-这是正确的：
-A break: <br />
-A horizontal rule: <hr />
-An image: <img src="happy.gif" alt="Happy face" />
--->
-<!--
-XHTML 元素必须小写
-这是错误的：
-<BODY>
-<P>This is a paragraph</P>
-</BODY>
-这是正确的：
-<body>
-<p>This is a paragraph</p>
-</body>
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/43.html b/src/HTML/43.html
deleted file mode 100644
index 673e712..0000000
--- a/src/HTML/43.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!--XHTML - 属性-->
-<!--XHTML 属性是以 XML 格式编写的 HTML 属性。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-XHTML 属性 - 语法规则
-XHTML 属性必须使用小写
-XHTML 属性值必须用引号包围
-XHTML 属性最小化也是禁止的
--->
-<!--
-XHTML 属性必须使用小写
-这是错误的：
-<table WIDTH="100%">
-这是正确的：
-<table width="100%">
--->
-<!--
-XHTML 属性值必须用引号包围
-这是错误的：
-<table width=100%>
-这是正确的：
-<table width="100%">
--->
-<!--
-禁止属性简写
-这是错误的：
-
-<input checked>
-<input readonly>
-<input disabled>
-<option selected>
-这是正确的：
-<input checked="checked" />
-<input readonly="readonly" />
-<input disabled="disabled" />
-<option selected="selected" />
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/44.html b/src/HTML/44.html
deleted file mode 100644
index 8a7e618..0000000
--- a/src/HTML/44.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!--HTML 表单-->
-<!--HTML表单用于搜集不同类型的用户输入。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-<form> 元素
-HTML 表单用于收集用户输入。
-<form> 元素定义 HTML 表单：
-实例
-<form>
- .
-form elements
- .
-</form>
--->
-<!--
-HTML 表单包含表单元素。
-表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
-<input> 元素
-<input> 元素是最重要的表单元素。
-<input> 元素有很多形态，根据不同的 type 属性。
-这是本章中使用的类型：
-类型	描述
-text	定义常规文本输入。
-radio	定义单选按钮输入（选择多个选择之一）
-submit	定义提交按钮（提交表单）
-注释：您稍后将在本教程学到更多有关输入类型的知识。
--->
-<!--
-文本输入
-<input type="text"> 定义用于文本输入的单行输入字段
-注释：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。
--->
-<!--<form>
-    First name:<br>
-    <input type="text" name="firstname">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>-->
-<!--
-提交按钮
-<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
-表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
-表单处理程序在表单的 action 属性中指定：
--->
-<form action="action_page.php">
-    First name:<br>
-    <input type="text" name="firstname" value="Mickey">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname" value="Mouse">
-    <br><br>
-    <input type="submit" value="Submit">
-</form>
-<!--
-Action 属性
-action 属性定义在提交表单时执行的动作。
-向服务器提交表单的通常做法是使用提交按钮。
-通常，表单会被提交到 web 服务器上的网页。
-在上面的例子中，指定了某个服务器脚本来处理被提交表单：
-<form action="action_page.php">
-如果省略 action 属性，则 action 会被设置为当前页面。
--->
-<!--
-Method 属性
-method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：
-<form action="action_page.php" method="GET">
-或：
-<form action="action_page.php" method="POST">
-何时使用 GET？
-您能够使用 GET（默认方法）：
-如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。
-当您使用 GET 时，表单数据在页面地址栏中是可见的：
-action_page.php?firstname=Mickey&lastname=Mouse
-注释：GET 最适合少量数据的提交。浏览器会设定容量限制。
-何时使用 POST？
-您应该使用 POST：
-如果表单正在更新数据，或者包含敏感信息（例如密码）。
-POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。
--->
-<!--Name 属性
-如果要正确地被提交，每个输入字段必须设置一个 name 属性。
-本例只会提交 "Last name" 输入字段：
--->
-<form action="action_page.php">
-First name:<br>
-<input type="text" value="Mickey">
-<br>
-Last name:<br>
-<input type="text" name="lastname" value="Mouse">
-<br><br>
-<input type="submit" value="Submit">
-</form>
-<!--
-用 <fieldset> 组合表单数据
-<fieldset> 元素组合表单中的相关数据
-<legend> 元素为 <fieldset> 元素定义标题。
--->
-<form action="action_page.php">
-    <fieldset>
-        <legend>Personal information:</legend>
-        First name:<br>
-        <input type="text" name="firstname" value="Mickey">
-        <br>
-        Last name:<br>
-        <input type="text" name="lastname" value="Mouse">
-        <br><br>
-        <input type="submit" value="Submit"></fieldset>
-</form>
-<!--
-HTML Form 属性
-HTML <form> 元素，已设置所有可能的属性，是这样的：
-实例
-<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
-ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
-.
-form elements
- .
-</form>
-下面是 <form> 属性的列表：
-属性	描述
-accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
-action	规定向何处提交表单的地址（URL）（提交页面）。
-autocomplete	规定浏览器应该自动完成表单（默认：开启）。
-enctype	规定被提交数据的编码（默认：url-encoded）。
-method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
-name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
-novalidate	规定浏览器不验证表单。
-target	规定 action 属性中地址的目标（默认：_self）。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/45.html b/src/HTML/45.html
deleted file mode 100644
index 5a92a49..0000000
--- a/src/HTML/45.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--HTML 表单元素-->
-<!--本章描述所有 HTML 表单元素。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-<input> 元素
-最重要的表单元素是 <input> 元素。
-<input> 元素根据不同的 type 属性，可以变化为多种形态。
--->
-<!--
-<select> 元素（下拉列表）
-<select> 元素定义下拉列表：
--->
-<select name="cars">
-    <option value="volvo">Volvo</option>
-    <option value="saab">Saab</option>
-    <option value="fiat">Fiat</option>
-    <option value="audi">Audi</option>
-</select>
-<!--
-<option> 元素定义待选择的选项。
-列表通常会把首个选项显示为被选选项。
-您能够通过添加 selected 属性来定义预定义选项。
--->
-<!--
-<textarea> 元素
-<textarea> 元素定义多行输入字段（文本域）：
--->
-<textarea name="message" rows="10" cols="30">
-The cat was playing in the garden.
-</textarea>
-<!--<button> 元素
-<button> 元素定义可点击的按钮：
--->
-<button type="button" onclick="alert('Hello World!')">Click Me!</button>
-<!--
-HTML5 表单元素
-HTML5 增加了如下表单元素：
-<datalist>
-<keygen>
-<output>
-注释：默认地，浏览器不会显示未知元素。新元素不会破坏您的页面。
-HTML5 <datalist> 元素
-<datalist> 元素为 <input> 元素规定预定义选项列表。
-用户会在他们输入数据时看到预定义选项的下拉列表。
-<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。
--->
-<form action="action_page.php">
-    <input list="browsers">
-    <datalist id="browsers">
-        <option value="Internet Explorer">
-        <option value="Firefox">
-        <option value="Chrome">
-        <option value="Opera">
-        <option value="Safari">
-    </datalist>
-</form>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/46.html b/src/HTML/46.html
deleted file mode 100644
index 3c76eec..0000000
--- a/src/HTML/46.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!--HTML 输入类型-->
-<!---->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-输入类型：text
-<input type="text"> 定义供文本输入的单行输入字段：
--->
-<form>
-    First name:<br>
-    <input type="text" name="firstname">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-<!--
-输入类型：password
-<input type="password"> 定义密码字段：
-注释：password 字段中的字符会被做掩码处理（显示为星号或实心圆）。
--->
-<form>
-    User name:<br>
-    <input type="text" name="username">
-    <br>
-    User password:<br>
-    <input type="password" name="psw">
-</form>
-<!--
-输入类型：submit
-<input type="submit"> 定义提交表单数据至表单处理程序的按钮。
-表单处理程序（form-handler）通常是包含处理输入数据的脚本的服务器页面。
-在表单的 action 属性中规定表单处理程序（form-handler）：
-如果您省略了提交按钮的 value 属性，那么该按钮将获得默认文本：
-实例
-<form action="action_page.php">
-First name:<br>
-<input type="text" name="firstname" value="Mickey">
-<br>
-Last name:<br>
-<input type="text" name="lastname" value="Mouse">
-<br><br>
-<input type="submit">
-</form>
--->
-<form action="action_page.php">
-    First name:<br>
-    <input type="text" name="firstname" value="Mickey">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname" value="Mouse">
-    <br><br>
-    <input type="submit" value="Submit">
-</form>
-<!--
-Input Type: radio
-<input type="radio"> 定义单选按钮。
-Radio buttons let a user select ONLY ONE of a limited number of choices:
--->
-<form>
-    <input type="radio" name="sex" value="male" checked>Male
-    <br>
-    <input type="radio" name="sex" value="female">Female
-</form>
-<!--
-Input Type: checkbox
-<input type="checkbox"> 定义复选框。
-复选框允许用户在有限数量的选项中选择零个或多个选项。
--->
-<form>
-    <input type="checkbox" name="vehicle" value="Bike">I have a bike
-    <br>
-    <input type="checkbox" name="vehicle" value="Car">I have a car
-</form>
-<!--
-Input Type: button
-<input type="button> 定义按钮。
-实例
-<input type="button" onclick="alert('Hello World!')" value="Click Me!">
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/47.html b/src/HTML/47.html
deleted file mode 100644
index 4e54cb8..0000000
--- a/src/HTML/47.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!--HTML Input 属性-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-value 属性
-value 属性规定输入字段的初始值：
--->
-<form action="">
-    First name:<br>
-    <input type="text" name="firstname" value="John">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-<!--
-readonly 属性
-readonly 属性规定输入字段为只读（不能修改）：
-readonly 属性不需要值。它等同于 readonly="readonly"。
--->
-<form action="">
-    First name:<br>
-    <input type="text" name="firstname" value="John" readonly>
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-<!--
-disabled 属性
-disabled 属性规定输入字段是禁用的。
-被禁用的元素是不可用和不可点击的。
-被禁用的元素不会被提交。
-disabled 属性不需要值。它等同于 disabled="disabled"。
--->
-<form action="">
-    First name:<br>
-    <input type="text" name="firstname" value="John" disabled>
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-<!--
-size 属性
-size 属性规定输入字段的尺寸（以字符计）：
--->
-<form action="">
-    First name:<br>
-    <input type="text" name="firstname" value="John" size="40">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-<!--
-maxlength 属性
-maxlength 属性规定输入字段允许的最大长度：
-如设置 maxlength 属性，则输入控件不会接受超过所允许数的字符。
-该属性不会提供任何反馈。如果需要提醒用户，则必须编写 JavaScript 代码。
-注释：输入限制并非万无一失。JavaScript 提供了很多方法来增加非法输入。如需安全地限制输入，则接受者（服务器）必须同时对限制进行检查。
--->
-<form action="">
-    First name:<br>
-    <input type="text" name="firstname" maxlength="10">
-    <br>
-    Last name:<br>
-    <input type="text" name="lastname">
-</form>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/48.html b/src/HTML/48.html
deleted file mode 100644
index 731d84e..0000000
--- a/src/HTML/48.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!--HTML5 Canvas-->
-<!--canvas 元素用于在网页上绘制图形。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-什么是 Canvas？
-HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
-画布是一个矩形区域，您可以控制其每一像素。
-canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
--->
-<!--
-创建 Canvas 元素
-向 HTML5 页面添加 canvas 元素。
-规定元素的 id、宽度和高度：
--->
-<!--
-通过 JavaScript 来绘制
-canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：
-<script type="text/javascript">
-var c=document.getElementById("myCanvas");
-var cxt=c.getContext("2d");
-cxt.fillStyle="#FF0000";
-cxt.fillRect(0,0,150,75);
-</script>
-JavaScript 使用 id 来寻找 canvas 元素：
-var c=document.getElementById("myCanvas");
-然后，创建 context 对象：
-var cxt=c.getContext("2d");
-getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
-下面的两行代码绘制一个红色的矩形：
-cxt.fillStyle="#FF0000";
-cxt.fillRect(0,0,150,75);
-fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。
-理解坐标
-上面的 fillRect 方法拥有参数 (0,0,150,75)。
-意思是：在画布上绘制 150x75 的矩形，从左上角开始 (0,0)。
--->
-<!--<canvas id="myCanvas" width="200" height="100"></canvas>-->
-<!--<script type="text/javascript">
-var c=document.getElementById("myCanvas");
-var cxt=c.getContext("2d");
-cxt.fillStyle="#FF0000";
-cxt.fillRect(0,0,150,75);
-</script>-->
-<!--
-实例 - 线条
-通过指定从何处开始，在何处结束，来绘制一条线：
-Canvas 实例：线条
-JavaScript 代码：
--->
-<!--<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
-    Your browser does not support the canvas element.
-</canvas>
-<script type="text/javascript">
-var c=document.getElementById("myCanvas");
-var cxt=c.getContext("2d");
-cxt.moveTo(10,10);
-cxt.lineTo(150,50);
-cxt.lineTo(10,50);
-cxt.stroke();
-</script>-->
-<!--
-实例 - 圆形
-通过规定尺寸、颜色和位置，来绘制一个圆：
-Canvas 实例：圆形
-JavaScript 代码：
-<script type="text/javascript">
-var c=document.getElementById("myCanvas");
-var cxt=c.getContext("2d");
-cxt.fillStyle="#FF0000";
-cxt.beginPath();
-cxt.arc(70,18,15,0,Math.PI*2,true);
-cxt.closePath();
-cxt.fill();
-</script>
-canvas 元素：
-<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
-Your browser does not support the canvas element.
-</canvas>
--->
-<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
-    Your browser does not support the canvas element.
-</canvas>
-<script type="text/javascript">
-var c=document.getElementById("myCanvas");
-var cxt=c.getContext("2d");
-cxt.fillStyle="#FF0000";
-cxt.beginPath();
-cxt.arc(70,18,15,0,Math.PI*2,true);
-cxt.closePath();
-cxt.fill();
-</script>
-<!---->
-<!---->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/49.html b/src/HTML/49.html
deleted file mode 100644
index cdc043a..0000000
--- a/src/HTML/49.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!--HTML5 内联 SVG-->
-<!--HTML5 支持内联 SVG。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-什么是SVG？
-SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
-SVG 用于定义用于网络的基于矢量的图形
-SVG 使用 XML 格式定义图形
-SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
-SVG 是万维网联盟的标准
--->
-<!--
-SVG 的优势
-与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：
-SVG 图像可通过文本编辑器来创建和修改
-SVG 图像可被搜索、索引、脚本化或压缩
-SVG 是可伸缩的
-SVG 图像可在任何的分辨率下被高质量地打印
-SVG 可在图像质量不下降的情况下被放大
--->
-<!--
-把 SVG 直接嵌入 HTML 页面
-在 HTML5 中，您能够将 SVG 元素直接嵌入 HTML 页面中：
-实例
--->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
-    <polygon points="100,10 40,180 190,60 10,60 160,180"
-             style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
-</svg>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/5.html b/src/HTML/5.html
deleted file mode 100644
index ddd2e1e..0000000
--- a/src/HTML/5.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--HTML 标题-->
-<!--在 HTML 文档中，标题很重要。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 标题
-标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
-<h1> 定义最大的标题。<h6> 定义最小的标题。
-注释：浏览器会自动地在标题的前后添加空行。
-注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。
-标题很重要
-请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
-搜索引擎使用标题为您的网页的结构和内容编制索引。
-因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
-应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
--->
-<h1>唐三</h1>
-<h2>唐舞桐</h2>
-<h3>唐舞麟</h3>
-<!--
-HTML 水平线
-<hr /> 标签在 HTML 页面中创建水平线。
-hr 元素可用于分隔内容。
--->
-<p>This is a paragraph</p>
-<hr />
-<p>This is a paragraph</p>
-<hr />
-<p>This is a paragraph</p>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/50.html b/src/HTML/50.html
deleted file mode 100644
index a3137da..0000000
--- a/src/HTML/50.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!--HTML 5 Canvas vs. SVG-->
-<!--Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-SVG 是一种使用 XML 描述 2D 图形的语言。
-SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
-在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。
-Canvas
-Canvas 通过 JavaScript 来绘制 2D 图形。
-Canvas 是逐像素进行渲染的。
-在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，
-包括任何或许已被图形覆盖的对象。
--->
-<!--
-Canvas 与 SVG 的比较
-下表列出了 canvas 与 SVG 之间的一些不同之处。
-Canvas
-依赖分辨率
-不支持事件处理器
-弱的文本渲染能力
-能够以 .png 或 .jpg 格式保存结果图像
-最适合图像密集型的游戏，其中的许多对象会被频繁重绘
-SVG
-不依赖分辨率
-支持事件处理器
-最适合带有大型渲染区域的应用程序（比如谷歌地图）
-复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
-不适合游戏应用
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/51.html b/src/HTML/51.html
deleted file mode 100644
index 929ae92..0000000
--- a/src/HTML/51.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--HTML 多媒体-->
-<!--
-Web 上的多媒体指的是音效、音乐、视频和动画。
-现代网络浏览器已支持很多多媒体格式。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-什么是多媒体？
-多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。
-在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。
-在本教程中，您将了解到不同的多媒体格式，以及如何在您的网页中使用它们。
--->
-<!--
-浏览器支持
-第一款因特网浏览器只支持文本，而且即使是对文本的支持也仅限于单一字体和单一颜色。随后诞生了支持颜色、字体和文本样式的浏览器，图片支持也被加入。
-不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理，而某些则需要额外的插件。
-您将在下面的章节学习更多有关插件的知识。
-多媒体格式
-多媒体元素（比如视频和音频）存储于媒体文件中。
-确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。
-.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。
-多媒体元素元素也拥有带有不同扩展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4。
--->
-<!--
-WAVE 是因特网上最受欢迎的无压缩声音格式，所有流行的浏览器都支持它。如果您需要未经压缩的声音（音乐或演讲），那么您应该使用 WAVE 格式。
-MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐，那么 MP3 是一个选项。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/52.html b/src/HTML/52.html
deleted file mode 100644
index 658a20a..0000000
--- a/src/HTML/52.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!--HTML Object 元素-->
-<!--<object> 的作用是支持 HTML 助手（插件）。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-HTML 助手（插件）
-辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。
-辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。
-使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。
-大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制。
--->
-<!--
-使用 QuickTime 来播放 Wave 音频
-实例
--->
-<object width="420" height="360"
-        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
-        codebase="http://www.apple.com/qtactivex/qtplugin.cab">
-    <param name="src" value="bird.wav" />
-    <param name="controller" value="true" />
-</object>
-<!--
-使用 QuickTime 来播放 MP4 视频
-实例
--->
-<object width="420" height="360"
-        classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
-        codebase="http://www.apple.com/qtactivex/qtplugin.cab">
-    <param name="src" value="movie.mp4" />
-    <param name="controller" value="true" />
-</object>
-<!--
-使用 Flash 来播放 SWF 视频
-实例
--->
-<object width="400" height="40"
-        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
-        codebase="http://fpdownload.macromedia.com/
-pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
-    <param name="SRC" value="bookmark.swf">
-    <embed src="bookmark.swf" width="400" height="40"></embed>
-</object>
-<!--
-使用 Windows Media Player 来播放 WMV 影片
-下面的例子展示用于播放 Windows 媒体文件的推荐代码：
-实例
--->
-<object width="100%" height="100%"
-        type="video/x-ms-asf" url="3d.wmv" data="3d.wmv"
-        classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
-    <param name="url" value="3d.wmv">
-    <param name="filename" value="3d.wmv">
-    <param name="autostart" value="1">
-    <param name="uiMode" value="full" />
-    <param name="autosize" value="1">
-    <param name="playcount" value="1">
-    <embed type="application/x-mplayer2" src="3d.wmv" width="100%"
-           height="100%" autostart="true" showcontrols="true"
-           pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>
-</object>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/53.html b/src/HTML/53.html
deleted file mode 100644
index e8b4b8d..0000000
--- a/src/HTML/53.html
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--HTML 音频-->
-<!--在 HTML 中播放声音的方法有很多种。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-问题，问题，以及解决方法
-在 HTML 中播放音频并不容易！
-您需要谙熟大量技巧，以确保您的音频文件在所有浏览器中
-（Internet Explorer, Chrome, Firefox, Safari, Opera）和所有硬件上（PC, Mac , iPad, iPhone）都能够播放。
-在本章，W3School 为您总结了问题和解决方法。
--->
-<!--
-使用插件
-浏览器插件是一种扩展浏览器标准功能的小型计算机程序。
-插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。
-可使用 <object> 或 <embed> 标签来将插件添加到 HTML 页面。
-这些标签定义资源（通常非 HTML 资源）的容器，根据类型，它们即会由浏览器显示，也会由外部插件显示。
--->
-<!--
-使用 <embed> 元素
-<embed> 标签定义外部（非 HTML）内容的容器。（这是一个 HTML5 标签，在 HTML4 中是非法的，但是所有浏览器中都有效）。
-下面的代码片段能够显示嵌入网页中的 MP3 文件：
-实例
-问题：<embed> 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。
-不同的浏览器对音频格式的支持也不同。
-如果浏览器不支持该文件格式，没有插件的话就无法播放该音频。
-如果用户的计算机未安装插件，无法播放音频。
-如果把该文件转换为其他格式，仍然无法在所有浏览器中播放。
-注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。
--->
-<embed height="100" width="100" src="song.mp3" />
-<!--
-使用 <object> 元素
-<object tag> 标签也可以定义外部（非 HTML）内容的容器。
-下面的代码片段能够显示嵌入网页中的 MP3 文件：
-实例
-<object height="100" width="100" data="song.mp3"></object>
-问题：
-不同的浏览器对音频格式的支持也不同。
-如果浏览器不支持该文件格式，没有插件的话就无法播放该音频。
-如果用户的计算机未安装插件，无法播放音频。
-如果把该文件转换为其他格式，仍然无法在所有浏览器中播放。
--->
-<object height="100" width="100" data="song.mp3"></object>
-<!--
-最好的 HTML 解决方法
-实例
-上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <embed> 元素。
-问题：
-您必须把音频转换为不同的格式。
-<audio> 元素无法通过 HTML 4 和 XHTML 验证。
-<embed> 元素无法通过 HTML 4 和 XHTML 验证。
-<embed> 元素无法回退来显示错误消息。
-注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。
--->
-<audio controls="controls" height="100" width="100">
-    <source src="song.mp3" type="audio/mp3" />
-    <source src="song.ogg" type="audio/ogg" />
-    <embed height="100" width="100" src="song.mp3" />
-</audio>
-<!--
-向网站添加音频的最简单方法
-向网页添加音频的最简单的方法是什么？
-雅虎的媒体播放器绝对算其中之一。
-使用雅虎媒体播放器是一个不同的途径。您只需简单地让雅虎来完成歌曲播放的工作就好了。
-它能播放 mp3 以及一系列其他格式。通过一行简单的代码，您就可以把它添加到网页中，轻松地将 HTML 页面转变为专业的播放列表。
--->
-<!--
-雅虎媒体播放器
-实例
-使用雅虎播放器是免费的。如需使用它，您需要把这段 JavaScript 插入网页底部：
-<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
-然后只需简单地把 MP3 文件链接到您的 HTML 中，JavaScript 会自动地为每首歌创建播放按钮：
-<a href="song1.mp3">Play Song 1</a>
-<a href="song2.mp3">Play Song 2</a>
-...
-...
-...
-雅虎媒体播放器为您的用户提供的是一个小型的播放按钮，而不是完整的播放器。不过，当您点击该按钮，会弹出完整的播放器。
-请注意，这个播放器始终停靠在窗框底部。只需点击它，就可将其滑出。
--->
-<a href="song.mp3">Play Sound</a>
-<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
-</script>
-<!--
-使用超链接
-如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。
-以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：
-实例
--->
-<!--
-内联的声音
-当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。
-如果您打算在 web 应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。
-我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是，在用户需要听到录音并点击某个链接时，会打开页面然后播放录音。
--->
-<!--
-HTML 4.01 多媒体标签
-标签	描述
-<applet>	不赞成。定义内嵌 applet。
-<embed>	HTML4 中不赞成，HTML5 中允许。定义内嵌对象。
-<object>	定义内嵌对象。
-<param>	定义对象的参数。
-HTML 5 多媒体标签
-标签	描述
-<audio>	标签定义声音，比如音乐或其他音频流。
-<embed>	标签定义嵌入的内容，比如插件。
--->
-<a href="song.mp3">Play the sound</a>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/54.html b/src/HTML/54.html
deleted file mode 100644
index 52165d5..0000000
--- a/src/HTML/54.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!--HTML 视频-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--在 HTML 中播放视频的方法有很多种。-->
-<video width="320" height="240" controls="controls">
-    <source src="movie.mp4" type="video/mp4" />
-    <source src="movie.ogg" type="video/ogg" />
-    <source src="movie.webm" type="video/webm" />
-    <object data="movie.mp4" width="320" height="240">
-        <embed src="movie.swf" width="320" height="240" />
-    </object>
-</video>
-<!--
-问题，问题，以及解决方法
-在 HTML 中播放视频并不容易！
-您需要谙熟大量技巧，以确保您的视频文件在所有浏览器中（Internet Explorer, Chrome, Firefox, Safari, Opera）
-和所有硬件上（PC, Mac , iPad, iPhone）都能够播放。
-在本章，W3School 为您总结了问题和解决方法。
--->
-<!--
-最好的 HTML 解决方法
-HTML 5 + <object> + <embed>
--->
-<video width="320" height="240" controls="controls">
-    <source src="movie.mp4" type="video/mp4" />
-    <source src="movie.ogg" type="video/ogg" />
-    <source src="movie.webm" type="video/webm" />
-    <object data="movie.mp4" width="320" height="240">
-        <embed src="movie.swf" width="320" height="240" />
-    </object>
-</video>
-<!--
-优酷解决方案
-在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。
-如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：
-<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf"
-width="480" height="400"
-type="application/x-shockwave-flash">
-</embed>
--->
-<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf"
-       width="480" height="400"
-       type="application/x-shockwave-flash">
-</embed>
-<!--
-使用超链接
-如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。
-以下代码片段显示指向 AVI 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”，比如 Windows Media Player 来播放这个 AVI 文件：
-实例
--->
-<a href="movie.swf">Play a video file</a>
-<!--
-关于内联视频的一段注释
-当视频被包含在网页中时，它被称为内联视频。
-如果您打算在 web 应用程序中使用内联视频，您需要意识到很多人都觉得内联视频令人恼火。
-同时请注意，用户可能已经关闭了浏览器中的内联视频选项。
-我们最好的建议是只在用户希望看到内联视频的地方包含它们。一个正面的例子是，在用户需要看到视频并点击某个链接时，会打开页面然后播放视频。
--->
-<!--
-HTML 4.01 多媒体标签
-标签	描述
-<applet>	不赞成。定义内嵌 applet。
-<embed>	不赞成。定义内嵌对象。（HTML5 中允许）
-<object>	定义内嵌对象。
-<param>	定义对象的参数。
-HTML 5 多媒体标签
-标签	描述
-<video>	标签定义声音，比如音乐或其他音频流。
-<embed>	标签定义嵌入的内容，比如插件。
--->
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/6.html b/src/HTML/6.html
deleted file mode 100644
index fda03bf..0000000
--- a/src/HTML/6.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--HTML 段落-->
-<!--可以把 HTML 文档分割为若干段落。-->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--段落是通过 <p> 标签定义的。-->
-<!--
-注释：浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
-提示：使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！但是不要用 <br /> 标签去创建列表。
--->
-<!--
-HTML 折行
-如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签
--->
-<p>This is<br />a para<br />graph with line breaks</p>
-<!--
-HTML 输出 - 有用的提示
-我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
-对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
-当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
-需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
--->
-<p>
-    春眠不觉晓，
-    处处闻啼鸟。
-    夜来风雨声，
-    花落知多少。
-</p>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/7.html b/src/HTML/7.html
deleted file mode 100644
index 7520679..0000000
--- a/src/HTML/7.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--
-HTML 样式
-style 属性用于改变 HTML 元素的样式。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body style="background-color:yellow">
-<!--
-样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，
-能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定
--->
-<!--
-background-color 属性为元素定义了背景颜色：
-style 属性淘汰了“旧的” bgcolor 属性。
--->
-<h1 style="background-color:red">标题背景</h1>
-<p style="background-color:blue">段落背景</p>
-<!--
-font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：
-style 属性淘汰了旧的 <font> 标签。
--->
-<h2 style="font-family:verdana">A heading</h2>
-<p style="background-color:blue;font-family:v;color:red;font-size:16px;">A paragraph.</p>
-<!--
-text-align 属性规定了元素中文本的水平对齐方式
-style 属性淘汰了旧的 "align" 属性。
--->
-<h1 style="text-align:center">This is a heading</h1>
-<p>The heading above is aligned to the center of this page.</p>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/8.html b/src/HTML/8.html
deleted file mode 100644
index 8e95e7f..0000000
--- a/src/HTML/8.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!--
-HTML 文本格式化
-HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-文本格式化
-此例演示如何在一个 HTML 文件中对文本进行格式化
--->
-<b>This text is bold</b>
-<br />
-<strong>This text is strong</strong>
-<br />
-<big>This text is big</big>
-<br />
-<em>This text is emphasized</em>
-<br />
-<i>This text is italic</i>
-<br />
-<small>This text is small</small>
-<br />
-This text contains
-<sub>subscript</sub>
-<br />
-This text contains
-<sup>superscript</sup>
-<!--
-预格式文本
-此例演示如何使用 pre 标签对空行和空格进行控制。
--->
-
-<pre>
-这是
-预格式文本。
-它保留了      空格
-和换行。
-</pre>
-<p>pre 标签很适合显示计算机代码：</p>
-<pre>
-for i = 1 to 10
-     print i
-next i
-</pre>
-<!--
-“计算机输出”标签
-此例演示不同的“计算机输出”标签的显示效果。
--->
-<code>Computer code</code>
-<br />
-<kbd>Keyboard input</kbd>
-<br />
-<tt>Teletype text</tt>
-<br />
-<samp>Sample text</samp>
-<br />
-<var>Computer variable</var>
-<br />
-<p>
-    <b>注释：</b>这些标签常用于显示计算机/编程代码。
-</p>
-<!--
-地址
-此例演示如何在 HTML 文件中写地址。
--->
-<address>
-    Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
-    Visit us at:<br>
-    Example.com<br>
-    Box 564, Disneyland<br>
-    USA
-</address>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/HTML/9.html b/src/HTML/9.html
deleted file mode 100644
index 32fe818..0000000
--- a/src/HTML/9.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--
-HTML 文本格式化
-HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--
-缩写和首字母缩写
-此例演示如何实现缩写或首字母缩写。
--->
-<!---->
-<abbr title="etcetera">etc.</abbr>
-<br />
-<acronym title="World Wide Web">WWW</acronym>
-<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
-<p>仅对于 IE 5 中的 acronym 元素有效。</p>
-<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
-<!--
-文字方向
-此例演示如何改变文字的方向。
--->
-<p>
-    如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
-</p>
-<bdo dir="rtl">
-    Here is some Hebrew text
-</bdo>
-<!--
-块引用
-此例演示如何实现长短不一的引用语。
--->
-<!--
-块引用
-此例演示如何实现长短不一的引用语。
--->
-这是长的引用：
-<blockquote>
-    这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
-</blockquote>
-
-这是短的引用：
-<q>
-    这是短的引用。
-</q>
-
-<p>
-    使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
-</p>
-<!--
-删除字效果和插入字效果
-此例演示如何标记删除文本和插入文本。
--->
-<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
-
-<p>大多数浏览器会改写为删除文本和下划线文本。</p>
-
-<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/resources/audio/\346\236\227\344\277\212\346\235\260 - \345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254.mp3" "b/src/HTML/resources/audio/\346\236\227\344\277\212\346\235\260 - \345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254.mp3"
deleted file mode 100644
index 33b539a..0000000
Binary files "a/src/HTML/resources/audio/\346\236\227\344\277\212\346\235\260 - \345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254.mp3" and /dev/null differ
diff --git "a/src/HTML/resources/images/\345\260\221\345\245\263\345\260\217\350\210\236.jpg" "b/src/HTML/resources/images/\345\260\221\345\245\263\345\260\217\350\210\236.jpg"
deleted file mode 100644
index 12ce6b3..0000000
Binary files "a/src/HTML/resources/images/\345\260\221\345\245\263\345\260\217\350\210\236.jpg" and /dev/null differ
diff --git "a/src/HTML/resources/images/\346\234\264\346\225\217\350\213\261.jpg" "b/src/HTML/resources/images/\346\234\264\346\225\217\350\213\261.jpg"
deleted file mode 100644
index 82ab35e..0000000
Binary files "a/src/HTML/resources/images/\346\234\264\346\225\217\350\213\261.jpg" and /dev/null differ
diff --git "a/src/HTML/resources/movie/\346\236\227\344\277\212\346\235\260-\345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254(\346\240\207\346\270\205).mp4" "b/src/HTML/resources/movie/\346\236\227\344\277\212\346\235\260-\345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254(\346\240\207\346\270\205).mp4"
deleted file mode 100644
index eb8c024..0000000
Binary files "a/src/HTML/resources/movie/\346\236\227\344\277\212\346\235\260-\345\260\206\346\225\205\344\272\213\345\206\231\346\210\220\346\210\221\344\273\254(\346\240\207\346\270\205).mp4" and /dev/null differ
diff --git "a/src/HTML/video/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html" "b/src/HTML/video/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html"
deleted file mode 100644
index 02ea9b2..0000000
--- "a/src/HTML/video/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252\347\275\221\351\241\265.html"
+++ /dev/null
@@ -1,18 +0,0 @@
-<!--DOCTYPE:告诉浏览器，我们要使用什么规范-->
-<!DOCTYPE html>
-<html lang="en">
-<!--head标签代表网页首部-->
-<head>
-    <!--meta描述性标签，它用来描述我们网站的一些信息-->
-    <!--meta一般用来做SEO-->
-    <meta charset="UTF-8">
-    <meta name="keywords" content="html视频学习">
-    <meta name="description" content="开始和狂神说JAVA学习html视频教程">
-    <!--title网页标题-->
-    <title>我的第一个网页</title>
-</head>
-<!--body标签代表网页主体-->
-<body>
-hello world
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/10.\345\255\246\344\271\240\350\241\250\345\215\225.html" "b/src/HTML/video/10.\345\255\246\344\271\240\350\241\250\345\215\225.html"
deleted file mode 100644
index dd33420..0000000
--- "a/src/HTML/video/10.\345\255\246\344\271\240\350\241\250\345\215\225.html"
+++ /dev/null
@@ -1,115 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>登录注册</title>
-</head>
-<body>
-<!--表单form
-action:表单提交的位置，可以杀网站，也可以是一个请求处理地址
-method:post,get 提交方式
-get方式提交：我们可以在url中看到我们提交的信息，不安全，高效
-post方式提交：比较安全，可以传输大文件
--->
-<h1>注册</h1>
-<form action="1.我的第一个网页.html" method="get">
-<!--文本输入框：input type="text"
-value="家务" 默认初始值
-maxlength="4" 最长能写几个字符
-size="30" 文本框的长度
-readonly 无法修改
-hidden 隐藏
-value="admin" readonly
-palceholder 提示信息
-required 该框不能为空
-pattern 正则表达式
--->
-    <!--文本输入框：input type="text"-->
-<p>名字：<input type="text" name="username" placeholder="请输入用户名" required></p>
-<!--密码框：input type="password"-->
-<p>密码：<input type="password" name="password" hidden value="123456"></p>
-    <!--单选框标签
-    input type="radio"
-    value:单选框的值
-    name:表示组(同一组的只能选一个)
-    disabled 禁选
-    -->
- <p>性别：
-     <input type="radio" value="boy" name="sex" disabled>男
-     <input type="radio" value="girl"name="sex">女
- </p>
-    <!--多选框  input type="checkbox"
-    checked 默认选中
-    -->
-    <p>爱好：
-        <input type="checkbox" value="sleep" name="hobby">睡觉
-        <input type="checkbox" value="code" name="hobby" checked>敲代码
-        <input type="checkbox" value="chat" name="hobby">聊天
-        <input type="checkbox" value="game" name="hobby">游戏
-    </p>
-    <!--按钮
-    input type="button"
-    input type="image"
-    <input type="submit">
-    <input type="reset"> 重置
-    -->
-    <p>按钮：
-        <input type="button" name="btn1" value="点击变长">
-        <!--<input type="image" src="../resources/images/朴敏英.jpg">-->
-    </p>
-    <!--下拉框，列表框
-    selected 默认选中
-    -->
-   <p>国家：
-       <select name="列表名称">
-           <option value="选项的值" selected>中国</option>
-           <option value="选项的值">美国</option>
-           <option value="选项的值">瑞士</option>
-           <option value="选项的值">英国</option>
-       </select>
-   </p>
-<!--文本域
-cols="50" rows="10"
--->
-    <p>反馈：
-        <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
-    </p>
-<!--文件域-->
-    <p>
-        <input type="file" name="files">
-        <input type="button" value="上传" name="upload">
-    </p>
-<!-- 邮件验证-->
-    <p>邮箱
-        <input type="email" name="email">
-    </p>
-<!--URL-->
-    <p>URL
-        <input type="url" name="url">
-    </p>
-    <!--数字-->
-    <p>商品数量
-        <input type="number" name="num" max="100" min="0" step="20">
-    </p>
-    <!--滑块-->
-    <p>滑块：
-        <input type="range" name="voice" max="100" min="0" step="2">
-    </p>
-    <!--搜索框-->
-    <p>搜索：
-        <input type="search" name="search" >
-    </p>
-    <p>自定义邮箱：
-        <input type="text",name="diymail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$">
-        
-    </p>
-<!-- 增强鼠标可用性-->
-    <label for="mark">你点我试试</label>
-    <input type="text" id="mark">
-    <p>
-<input type="submit">
-<input type="reset">
-</p>
-</form>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/2.\345\237\272\346\234\254\346\240\207\347\255\276.html" "b/src/HTML/video/2.\345\237\272\346\234\254\346\240\207\347\255\276.html"
deleted file mode 100644
index 2e72cba..0000000
--- "a/src/HTML/video/2.\345\237\272\346\234\254\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>基本标签学习</title>
-</head>
-<body>
-<!--标题标签-->
-<h1>一级标签</h1>
-<h2>二级标签</h2>
-<h3>三级标签</h3>
-<h4>四级标签</h4>
-<h5>五级标签</h5>
-<h6>六级标签</h6>
-<!--段落标签-->
-<p>听见 冬天 的离开</p>
-<p>我在某年某月醒过来</p>
-<p>我想 我等 我期待</p>
-<p>未来却不能因此安排</p>
-<!--水平线标签-->
-<hr/>
-<!--换行标签-->
-听见 冬天 的离开 <br/>
-我在某年某月醒过来 <br/>
-我想 我等 我期待 <br/>
-未来却不能因此安排 <br/>
-<!--粗体，斜体-->
-<h1>字体样式标签</h1>
-粗体：<strong> i love java</strong>
-斜体：<em>i love java</em>
-<!--特殊符号-->
-<br/>
-空      格：
-空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格:
-<br/>
-大于:&gt;
-<br/>
-小于:&lt;
-<br/>
-版权:&copy;
-<!--
-特殊方式记忆方式
-&  ;
--->
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/3.\345\233\276\345\203\217\346\240\207\347\255\276.html" "b/src/HTML/video/3.\345\233\276\345\203\217\346\240\207\347\255\276.html"
deleted file mode 100644
index 9d8e549..0000000
--- "a/src/HTML/video/3.\345\233\276\345\203\217\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>图像标签学习</title>
-</head>
-<body>
-<!--
-src:相对地址，绝对地址
-../ --上一级目录
-title：鼠标悬停文字
--->
-<img src="../resources/images/朴敏英.jpg" alt="少女小舞"title="朴敏英"weight="500" height="500">
-<a href="4.链接标签.html#down">跳转</a>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/4.\351\223\276\346\216\245\346\240\207\347\255\276.html" "b/src/HTML/video/4.\351\223\276\346\216\245\346\240\207\347\255\276.html"
deleted file mode 100644
index 3653cd4..0000000
--- "a/src/HTML/video/4.\351\223\276\346\216\245\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>链接标签学习</title>
-</head>
-<body>
-<!--使用name做标记-->
-<a name="top">顶部</a>
-<!--a标签
-href:必填，表示要跳转到哪个页面
-target:表示窗口在哪里打开
-      _blank 在新标签页打开
-      _self 在自己的网页中打开
--->
-<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
-<a href="https://www.baidu.com " target="_self">点击我跳转到百度</a>
-<br>
-<a href="1.我的第一个网页.html">
-    <img src="../resources/images/朴敏英.jpg" alt="少女小舞"title="朴敏英"weight="400" height="400">
-</a>
-<p>
-    <a href="1.我的第一个网页.html">
-        <img src="../resources/images/朴敏英.jpg" alt="少女小舞"title="朴敏英"weight="400" height="400">
-    </a>
-</p>
-<p>
-    <a href="1.我的第一个网页.html">
-        <img src="../resources/images/朴敏英.jpg" alt="少女小舞"title="朴敏英"weight="400" height="400">
-    </a>
-</p>
-<!--锚标签
-1:需要一个锚标记
-2:跳转到标记 #
--->
-<a href="#top">回到顶部</a>
-<a name="down">回到尾部</a>
-<!--邮件链接:mailto:-->
-<!--qq链接-->
-<a href="mailto:2953569760@qq.com">点击联系我</a>
-<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
-    <img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="你好，和我一起学习" title="你好，和我一起学习"/></a>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/5.\345\210\227\350\241\250\346\240\207\347\255\276.html" "b/src/HTML/video/5.\345\210\227\350\241\250\346\240\207\347\255\276.html"
deleted file mode 100644
index df16f40..0000000
--- "a/src/HTML/video/5.\345\210\227\350\241\250\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>列表学习</title>
-</head>
-<body>
-<!--有序列表
-应用范围：试卷问答
--->
-<ol>
-    <li>java</li>
-    <li>python</li>
-    <li>spring</li>
-    <li>html</li>
-</ol>
-<hr>
-<!--无序列表
-应用范围：导航，侧边栏
--->
-<ul>
-    <li>java</li>
-    <li>python</li>
-    <li>spring</li>
-    <li>html</li>
-</ul>
-<!--自定义列表
-dl:标签
-dt:列表名称
-dd:列表内容
-应用范围：公司网站底部
--->
-<dl>
-    <dt>技术</dt>
-    <dd>java</dd>
-    <dd>python</dd>
-    <dd>spring</dd>
-</dl>
-<!--有序列表-->
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/6.\350\241\250\346\240\274\346\240\207\347\255\276.html" "b/src/HTML/video/6.\350\241\250\346\240\274\346\240\207\347\255\276.html"
deleted file mode 100644
index a845742..0000000
--- "a/src/HTML/video/6.\350\241\250\346\240\274\346\240\207\347\255\276.html"
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>表格标签学习</title>
-</head>
-<body>
-<!--表格table
-行 tr
-列 td
--->
-<table border="1">
-    <tr>
-        <!--colspan 跨列-->
-        <td colspan="3">1-1</td>
-    </tr>
-    <tr>
-        <!--rowspan 跨行-->
-        <td rowspan="2">2-1</td>
-        <td >2-2</td>
-        <td>2-3</td>
-    </tr>
-    <tr>
-        <td>3-1</td>
-        <td>3-2</td>
-
-    </tr>
-</table>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/7.\345\252\222\344\275\223\345\205\203\347\264\240.html" "b/src/HTML/video/7.\345\252\222\344\275\223\345\205\203\347\264\240.html"
deleted file mode 100644
index 3d429f3..0000000
--- "a/src/HTML/video/7.\345\252\222\344\275\223\345\205\203\347\264\240.html"
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>媒体元素学习</title>
-</head>
-<body>
-<!--音频和视频
-src:资源路径
-controls：控制条
-autoplay:自动播放
--->
-<video src="../resources/movie/林俊杰-将故事写成我们(标清).mp4" controls autoplay></video>
-<audio src="../resources/audio/林俊杰 - 将故事写成我们.mp3" controls autoplay></audio>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/8.\351\241\265\351\235\242\347\273\223\346\236\204.html" "b/src/HTML/video/8.\351\241\265\351\235\242\347\273\223\346\236\204.html"
deleted file mode 100644
index 03cdf4f..0000000
--- "a/src/HTML/video/8.\351\241\265\351\235\242\347\273\223\346\236\204.html"
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>页面机构分析</title>
-</head>
-<body>
-<header><h2>网页头部</h2></header>
-<section><h2>网页主体</h2></section>
-<footer><h2>网页脚部</h2></footer>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/video/9.\345\206\205\350\201\224\346\241\206\346\236\266iframe.html" "b/src/HTML/video/9.\345\206\205\350\201\224\346\241\206\346\236\266iframe.html"
deleted file mode 100644
index 7600429..0000000
--- "a/src/HTML/video/9.\345\206\205\350\201\224\346\241\206\346\236\266iframe.html"
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<!--<iframe src="//player.bilibili.com/player.html?aid=540508580&bvid=BV17i4y1b7pU&cid=188626616&page=1"-->
-<!--        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> -->
-<!--</iframe>-->
-<!--iframe内联框架
-src：地址
-w-h 宽度和高度
--->
-<iframe src="https://www.baidu.com"name="hello" frameborder="0" width="1000px" height="800px"></iframe>
-<a href="https://www.bilibili.com/ " target="hello">点击跳转</a>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/HTML/\345\260\221\345\245\263\345\260\217\350\210\236.jpg" "b/src/HTML/\345\260\221\345\245\263\345\260\217\350\210\236.jpg"
deleted file mode 100644
index 12ce6b3..0000000
Binary files "a/src/HTML/\345\260\221\345\245\263\345\260\217\350\210\236.jpg" and /dev/null differ
diff --git "a/src/JavaScript/lesson01/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252javaScript\347\250\213\345\272\217.html" "b/src/JavaScript/lesson01/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252javaScript\347\250\213\345\272\217.html"
deleted file mode 100644
index 49d609d..0000000
--- "a/src/JavaScript/lesson01/1.\346\210\221\347\232\204\347\254\254\344\270\200\344\270\252javaScript\347\250\213\345\272\217.html"
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-<!--script标签内些Javascript代码-->
-<!--    <script>-->
-<!--        alert('hello world');-->
-<!--</script>-->
-<!--外部引入-->
-<!--注意script必须成对出现 -->
-    <script src="qj.js">
-<!--不用显示定义type，也默认是javascript-->
-        <script type="text/javascript">
-    </script>
-</head>
-<body>
-<!--这里也可以存放-->
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson01/2.\345\237\272\346\234\254\350\257\255\346\263\225.html" "b/src/JavaScript/lesson01/2.\345\237\272\346\234\254\350\257\255\346\263\225.html"
deleted file mode 100644
index d296938..0000000
--- "a/src/JavaScript/lesson01/2.\345\237\272\346\234\254\350\257\255\346\263\225.html"
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <!--JavaScript严格区分大小写-->
-    <script>
-        // 1,定义变量 变量类型 变量名=变量值
-        var score=1;
-        // 2,条件控制
-        if(score>60&&score<70){
-            alert('60-70');
-        }else if(score>70&&score<80){
-            alert('70-80');
-        }else{
-            alert('other');
-        }
-        //console.log(score) 在浏览器的控制台打印变量。
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson01/3.\346\225\260\346\215\256\347\261\273\345\236\213.html" "b/src/JavaScript/lesson01/3.\346\225\260\346\215\256\347\261\273\345\236\213.html"
deleted file mode 100644
index 77e42fd..0000000
--- "a/src/JavaScript/lesson01/3.\346\225\260\346\215\256\347\261\273\345\236\213.html"
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        //js不区分小数和整数，Number
-          123;//整数123
-          123.1//浮点数123.1
-          1.123e3//科学计数法
-          -99//负数
-          NaN;//不是一个数
-          Infinity;//无限大
-
-        //字符串
-        'abc';"abc"
-
-        //布尔值
-        true,false
-
-        //逻辑运算
-        //&&,||,!
-
-        //比较运算符
-        //==等于(类型不一样，值一样，也会判断为true)，===绝对等于(类型一样，值一样，结果为true),坚持不用==比较
-        //注意NaN===NaN,这个与所有的数值都不相等，包括自己。只能通过isNaN(NaN)来判断这个数是否为NaN
-        //尽量避免使用浮点数进行运算，存在精度问题
-        //1/3===1-2/3,返回false,可以使用Math.abs(1/3-(1-2/3))<0.0000001
-
-        //null 空，undefined 未定义
-
-        //数组,可以类型不同
-        var arr=[1,2,3,4,5,'hello',true];//保证代码的可读性，尽量使用这一种
-        new Array(1,2,3,4,5,'hello',true)//取数组下标，如果越界了，就会undefined
-        var person={
-            name:"jack",
-            age:3,
-            tags:['js','java','web']
-        }
-        //取值
-        person.age
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson01/4.\344\270\245\346\240\274\346\243\200\346\237\245\346\250\241\345\274\217.html" "b/src/JavaScript/lesson01/4.\344\270\245\346\240\274\346\243\200\346\237\245\346\250\241\345\274\217.html"
deleted file mode 100644
index 1fc6162..0000000
--- "a/src/JavaScript/lesson01/4.\344\270\245\346\240\274\346\243\200\346\237\245\346\250\241\345\274\217.html"
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        //'use strict',严格检查模式，预防js的随意性产生的问题，必须写在第一行
-        'use strict';
-        //全局变量
-         //i=1;//会报错，因为每个网站可能不止一个js
-       // var i=1;
-        //ES6 let
-        let i=1;//用局部变量，推荐使用let！
-        t=1;
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/JavaScript/lesson01/qj.js b/src/JavaScript/lesson01/qj.js
deleted file mode 100644
index 54c2a9a..0000000
--- a/src/JavaScript/lesson01/qj.js
+++ /dev/null
@@ -1 +0,0 @@
-alert('hello world')
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/1.\345\255\227\347\254\246\344\270\262.html" "b/src/JavaScript/lesson02/1.\345\255\227\347\254\246\344\270\262.html"
deleted file mode 100644
index 8e26704..0000000
--- "a/src/JavaScript/lesson02/1.\345\255\227\347\254\246\344\270\262.html"
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        'use strict';
-        //正常字符串用‘’或者“”包裹，
-        console.log('a\nb');
-        console.log("b");
-        console.log("\u4e2d");//unicode字符
-        console.log("\x41");//ascll码
-        //多行字符串编写，引号在tab键上面
-        var msg=`hello
-        world
-        你好`
-        console.log(msg);
-
-        //字符串拼接
-        let name="jack";
-        let age=3;
-        let m=`你好呀,${name}`;
-        console.log(m);
-
-        //字符串长度
-        var student="student";
-        console.log(student.length);
-
-        //字符串不可变
-
-        //字符串大小写
-        console.log(student.toUpperCase());
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/2.\346\225\260\347\273\204.html" "b/src/JavaScript/lesson02/2.\346\225\260\347\273\204.html"
deleted file mode 100644
index b2db9bf..0000000
--- "a/src/JavaScript/lesson02/2.\346\225\260\347\273\204.html"
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        //Array可以包含任意的数据类型
-        //给arr.length赋值，数组大小就会发生变化。如果赋值过小，元素就会丢失
-        var arr=[1,2,3,4,5];//通过下标取值和赋值
-        console.log(arr);
-        console.log(arr.length);
-        //arr.length=10;
-        //console.log(arr);
-
-        //indexof,通过元素获得下标索引,字符串的"1“和数字1不同
-        console.log(arr.indexOf(3));
-
-        //slice()，截取Array的一部分，返回一个新数组
-        console.log(arr.slice(1));
-        console.log(arr.slice(2,4));
-
-        //push,pop 往尾部添加删除,但是arr输出的是整段程序运行后的结果，不是当前结果
-        arr.push('a','b');
-        console.log(arr);
-        // arr.pop();
-        // console.log(arr);
-
-        //unshift shift往头部添加删除
-        // arr.unshift('c','d');
-        // arr.shift();
-
-        //排序
-        var A=['A','C','D','B'];
-        A.sort();
-        console.log(A);
-
-        //拼接,并没有修改数组
-        console.log(A.concat(["a",'b','c']));
-
-        //连接符join 打印拼接数组，使用特定的字符串连接
-        console.log(A.join('-'));
-
-        //多维数组
-        var aa=[[1,2],[3,4],["5","6"]];
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/3.\345\257\271\350\261\241.html" "b/src/JavaScript/lesson02/3.\345\257\271\350\261\241.html"
deleted file mode 100644
index 7fe90d9..0000000
--- "a/src/JavaScript/lesson02/3.\345\257\271\350\261\241.html"
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        'use strict';
-        //js中得所有的键都是字符串，值是任意对象
-        //定义了一个person对象，他拥有四个属性,
-        var person={
-            name:"jack",
-            age:18,
-            emial:"1e1e1e@q.com",
-            score:0
-        }
-        console.log(person.age);
-        console.log(person.name);
-        person.name='lucy';
-        console.log(person.name);
-        //使用一个不存在的对象属性，不会报错
-        console.log(person.sex);
-        //动态的删减属性，通过delete删减对象的属性
-        delete  person.name;
-        console.log(person.name);
-        //动态添加:直接给新的属性添加值即可
-        person.haha="woha";
-        console.log(person.haha);
-        //js中得所有的键都是字符串，值是任意对象
-        console.log('age' in person);
-        console.log(person['age']);
-        //判断一个属性是否是这个对象自身拥有的
-        console.log(person.hasOwnProperty('toString'));
-        console.log(person.hasOwnProperty('age'));
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/4.\345\210\206\346\224\257\345\222\214\345\276\252\347\216\257.html" "b/src/JavaScript/lesson02/4.\345\210\206\346\224\257\345\222\214\345\276\252\347\216\257.html"
deleted file mode 100644
index 413c24c..0000000
--- "a/src/JavaScript/lesson02/4.\345\210\206\346\224\257\345\222\214\345\276\252\347\216\257.html"
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        'use strict';
-        let age=3;
-        //if判断
-        // if(age>3){
-        //     alert("haha~");
-        // }else{
-        //     alert("kuwa~")
-        // }
-
-        //while循环
-        // while (age<100){
-        //     age=age+10;
-        //     console.log(age);
-        // }
-
-        //   do{
-        //       age=age+10;
-        //       console.log(age);
-        //   }while (age<2)
-
-        //for循环
-        // for (let i=0;i<20;i++){
-        //     console.log(i);
-        // }
-
-        var arr=[1,2,4,5,6,7,9];
-        // arr.forEach(function (value) {
-        //    console.log(value);
-        // })
-        for (var num in arr){//num是索引
-            console.log(arr[num]);
-        }
-        for (var num of arr){//num是值
-            console.log(num);
-        }
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/5.Map\345\222\214Set\351\233\206\345\220\210.html" "b/src/JavaScript/lesson02/5.Map\345\222\214Set\351\233\206\345\220\210.html"
deleted file mode 100644
index d0f6f2f..0000000
--- "a/src/JavaScript/lesson02/5.Map\345\222\214Set\351\233\206\345\220\210.html"
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        'use strict';
-        //学生的名字，学生的成绩
-        var map=new Map([['tom',99],['jack',98],['lucy',100]]);
-        var age=map.get('tom');
-        map.set('Nacy',98);
-        map.delete('tom',99);
-        console.log(age);
-
-        //Set:无序不重复的集合
-        var set=new Set([3,1,1,2,1]);
-        console.log(set);
-        set.add(4);
-        console.log(set);
-        console.log(set.has(3));//是否包含
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson02/6.Iterable\350\277\255\344\273\243.html" "b/src/JavaScript/lesson02/6.Iterable\350\277\255\344\273\243.html"
deleted file mode 100644
index dbad8c5..0000000
--- "a/src/JavaScript/lesson02/6.Iterable\350\277\255\344\273\243.html"
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-    <script>
-        'use strict';
-        var map=new Map([['tom',99],['jack',98],['lucy',100]]);
-        for (let x of map){
-            console.log(x);
-        }
-        var set=new Set([5,6,6,7]);
-        for (let x of set){
-            console.log(x);
-        }
-    </script>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson03/1.\345\256\232\344\271\211\345\207\275\346\225\260.html" "b/src/JavaScript/lesson03/1.\345\256\232\344\271\211\345\207\275\346\225\260.html"
deleted file mode 100644
index fb2498a..0000000
--- "a/src/JavaScript/lesson03/1.\345\256\232\344\271\211\345\207\275\346\225\260.html"
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    //定义方式1
-    // function abs(x){
-    //     if(x>=0){
-    //         return x;
-    //     }else{
-    //         return -x;
-    //     }
-    // }
-    //一旦执行到return代表函数结束，返回结果。如果没有执行return，函数执行也会返回结果，结果都是undefined
-    // console.log(abs(10));
-    // console.log(abs(-10));
-    //定义方式二
-    var abs=function (x) {
-        // if(typeof x!=='number'){
-        //     throw 'Not a number'
-        // }
-        // for (var i=0;i<arguments.length;i++){
-        //     console.log(arguments[i]);
-        // }
-        if(x>=0){
-            return x;
-        }else{
-            return -x;
-        }
-    }
-    console.log(abs(10));
-    console.log(abs());
-    console.log(abs(10,18,20));
-    //function{...}这是一个匿名函数，但是可以把结果赋值给abs，通过abs就可以调用函数！方式一和方式二等价
-    //参数问题:可以传递任意个参数，也可以不传参数。不传参数可以手动抛出异常if(typeof x!=='number'){throw 'Not a number'}
-    //传递多个参数，arguments是一个数组，代表传入的所有参数，rest是一个数组，获取除了已经定义的参数外的所有参数,定义时用abs(a,...rest)
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson03/2.\345\217\230\351\207\217\344\275\234\347\224\250\345\237\237.html" "b/src/JavaScript/lesson03/2.\345\217\230\351\207\217\344\275\234\347\224\250\345\237\237.html"
deleted file mode 100644
index 9b8047f..0000000
--- "a/src/JavaScript/lesson03/2.\345\217\230\351\207\217\344\275\234\347\224\250\345\237\237.html"
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    // function f() {
-    //      var x=1;//在js中，var定义变量是有作用域的，假设在函数体中声明，则在函数体外不可以使用(如果非要用，要用闭包)
-    //      x=x+1;
-    // }
-    // function f2() {
-    //     var x=2;//在js中，var定义变量是有作用域的，假设在函数体中声明，则在函数体外不可以使用(如果非要用，要用闭包)
-    //     x=x+2;
-    // }
-    // x=x+2;//Uncaught ReferenceError: x is not defined
-    // //如果两个函数使用了相同的函数名，只要不在同一个函数中，就可以
-    // function f() {
-    //    var x=1;
-    //    function f1() {
-    //         var y=x+1;
-    //    }
-    //    var z=y+1;// Uncaught ReferenceError: y is not defined
-    // }
-    // function f() {
-    //     //var y='y'等价于在前面声明了一个var y，只不过未赋值。
-    //     var x="x"+y;
-    //     console.log(x);//xundefined
-    //     var y='y';
-    // }
-    //内部函数可以访问为外部函数的成员，而外部函数不能访问内部函数的成员
-    //假设内部函数变量和外部函数同名，则从自身函数开始，有内向外查找(有一个查找的过程)，如果外部存在这个同名的函数变量，则内部函数会屏蔽外部函数的变量
-    //所以规范：先在函数开始定义所有要用的变量
-    // var  x=1;//全局变量
-    // function f() {
-    //          console.log("x="+x);
-    // }
-    // console.log(x);
-    // var x='xxx';
-    // alert(x);
-    // alert(window.x);//默认所有的全局变量，都会自动绑定在window对象下，alert()函数本身也是一个window对象
-    // var old_alert=window.alert;//此时alert失效
-    // old_alert('xxx');
-    // window.alert=function(){};//此时alert失效
-    // window.alert('111');
-    //js实际上只有一个全局变量，任何变量(函数也可以视为变量)，假设没有在函数作用范围内找到，就会向外查找，如果在全局作用域没有找到，会报错
-    //规范：由于我们所有的全局变量都会绑定到我们的window上，如果有多个js文件使用了相同的全局变量，会发生冲突，如何减少冲突，可以
-    //解决：把自己的代码全部放入到自己定义的唯一空间名字中，降低全局命名冲突的问题
-    //唯一全局变量
-   //  var cc={};
-   //  //定义全局变量
-   //  cc.name='jack';
-   //  cc.add=function (a,b) {
-   // return a+b;
-   //  }
-   //局部定义域let，为了解决局部作用域冲突问题
-   //  function a() {
-   //          // for (var i=0;i<10;i++){
-   //          //     console.log(i);
-   //          // }
-   //          // console.log(i+1);//i出了这个作用域还可以使用
-   //      for (let i=0;i<10;i++){
-   //          console.log(i);
-   //      }
-   //      console.log(i+1);//i出了这个作用域还可以使用
-   //  }
-    //常量 const
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson03/3.\346\226\271\346\263\225.html" "b/src/JavaScript/lesson03/3.\346\226\271\346\263\225.html"
deleted file mode 100644
index 05616e6..0000000
--- "a/src/JavaScript/lesson03/3.\346\226\271\346\263\225.html"
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    //方法就是把函数放在对象的里面，对象只有两个东西：属性和方法
-    function getAge() {
-        var now=new Date().getFullYear();
-        return now-this.birth;
-    }
-    var member={
-        name:'lucy',
-        birth:2000,
-        //方法
-        // age:function () {
-        //     var now=new Date().getFullYear();
-        //     return now-this.birth;
-        // }
-        age:getAge
-    }
-    //console.log(member.birth+","+member.age());
-    console.log(member.age());
-    //在js中this可以控制指向
-    getAge.apply(member,[]);//this指向了member对象，参数为空
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson03/Date\345\257\271\350\261\241.html" "b/src/JavaScript/lesson03/Date\345\257\271\350\261\241.html"
deleted file mode 100644
index 32bcf58..0000000
--- "a/src/JavaScript/lesson03/Date\345\257\271\350\261\241.html"
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    var now=new Date();
-    console.log(now);
-    console.log(now.getFullYear());//年
-    console.log(now.getMonth());//月
-    console.log(now.getDate());//日
-    console.log(now.getDay());//星期几
-    console.log(now.getHours());//时
-    console.log(now.getMinutes());//分
-    console.log(now.getSeconds());//秒
-    console.log(now.getTime());//时间戳 全世界统一，从1970.1.1开始
-    console.log(new Date(now.getTime()));//时间戳该成时间
-    console.log(now.toLocaleString());
-    console.log(now.toGMTString());
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson03/JSON\345\257\271\350\261\241.html" "b/src/JavaScript/lesson03/JSON\345\257\271\350\261\241.html"
deleted file mode 100644
index f26d30c..0000000
--- "a/src/JavaScript/lesson03/JSON\345\257\271\350\261\241.html"
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    //在js中，任何对象
-    var user={
-        name:"jack",
-        age:3,
-        sex:'male'
-    }
-    console.log(user);
-    //对象转化成json字符串
-    var jsonUser=JSON.stringify(user);
-    console.log(jsonUser);
-    //将json字符串转化为对象
-    var obj=JSON.parse(jsonUser);
-    console.log(obj);
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson04/1.\351\235\242\345\220\221\345\257\271\350\261\241\345\216\237\345\236\213\347\273\247\346\211\277.html" "b/src/JavaScript/lesson04/1.\351\235\242\345\220\221\345\257\271\350\261\241\345\216\237\345\236\213\347\273\247\346\211\277.html"
deleted file mode 100644
index 642aee4..0000000
--- "a/src/JavaScript/lesson04/1.\351\235\242\345\220\221\345\257\271\350\261\241\345\216\237\345\236\213\347\273\247\346\211\277.html"
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    var Student={
-        name:"jack",
-        age:18,
-        run:function () {
-         console.log(this.name+"is running...");
-        }
-    }
-    var Lucy= {
-        name:"lucy"
-    }
-    Lucy.__proto__=Student;//student是lucy的原型，即父类
-    console.log(Lucy.run());
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson04/3.\346\223\215\344\275\234BOM\345\257\271\350\261\241.html" "b/src/JavaScript/lesson04/3.\346\223\215\344\275\234BOM\345\257\271\350\261\241.html"
deleted file mode 100644
index d5741c0..0000000
--- "a/src/JavaScript/lesson04/3.\346\223\215\344\275\234BOM\345\257\271\350\261\241.html"
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<script>
-    //BOM:浏览器对象模型
-    //window 代表 浏览器窗口
-    window.alert(1);
-    console.log(window.innerHeight);
-    console.log(window.innerWidth);
-    //Navigator:封装了浏览器的信息,大多数时候我们不会使用navigator对象，因为会被人人为修改
-    console.log(navigator.appVersion);
-    //Screen:屏幕尺寸
-    console.log(screen.width+","+screen.height);
-    //Location:当前页面的URL信息
-    // host: "www.baidu.com"
-    //protocol: "https:"
-    // href: "https://www.baidu.com/?tn=48021271_11_hao_pg"
-    // reload: ƒ reload()//刷新网页
-    //设置新的地址
-    //location.assign('https..')//设置新的地址
-    //Document:代表当前的页面，HTML,DOM文档树
-
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/JavaScript/lesson04/4.Document.html b/src/JavaScript/lesson04/4.Document.html
deleted file mode 100644
index 566549b..0000000
--- a/src/JavaScript/lesson04/4.Document.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson05/1.\350\216\267\345\217\226DOM\347\273\223\347\202\271.html" "b/src/JavaScript/lesson05/1.\350\216\267\345\217\226DOM\347\273\223\347\202\271.html"
deleted file mode 100644
index 8687347..0000000
--- "a/src/JavaScript/lesson05/1.\350\216\267\345\217\226DOM\347\273\223\347\202\271.html"
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<div id="father">
-    <h1>标题一</h1>
-    <p id="p1">p1</p>
-    <p class="p2">p2</p>
-</div>
-<script>
-    //DOM:文档对象类型
-    //核心：整个浏览器网页就是一个Dom树形结构
-    //更新：更新DOM节点
-    //遍历DOM节点，得到DOM节点
-    //删除：删除一个DOM节点
-    //添加：添加一个新的结点
-    //要操作一个DOM结点，就必须先获得这个DOM节点
-    var h1=document.getElementsByName('h1');
-    var p1=document.getElementById('p1');
-    var p2=document.getElementsByClassName('p2');
-    var father=document.getElementById('father');
-    console.log(h1);
-    console.log(p1);
-    console.log(p2);
-    var childrens=father.children;//获取父节点下的所有子结点
-    //father.firstChild;
-    //father.lastChild;
-        //这是原生代码，之后可以用jQuery()
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson05/2.\346\233\264\346\226\260\347\273\223\347\202\271.html" "b/src/JavaScript/lesson05/2.\346\233\264\346\226\260\347\273\223\347\202\271.html"
deleted file mode 100644
index 8380e6f..0000000
--- "a/src/JavaScript/lesson05/2.\346\233\264\346\226\260\347\273\223\347\202\271.html"
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<div id="id1">
-
-</div>
-<script>
-     var id1=document.getElementById('id1');
-     //操作文本
-     id1.innerText='``1';//修改文本的值
-     id1.innerHTML='<strong>123</strong>';//可以解析HTML文本标签
-     //操作js
-     id1.style.color='red';//修改字颜色
-     id1.style.fontSize='200px';//修改字体大小
-     id1.style.padding='2em';
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson05/3.\345\210\240\351\231\244\347\273\223\347\202\271.html" "b/src/JavaScript/lesson05/3.\345\210\240\351\231\244\347\273\223\347\202\271.html"
deleted file mode 100644
index 0144c0e..0000000
--- "a/src/JavaScript/lesson05/3.\345\210\240\351\231\244\347\273\223\347\202\271.html"
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<div id="father">
-    <h1>标题一</h1>
-    <p id="p1">p1</p>
-    <p class="p2">p2</p>
-</div>
-<script>
-//删除结点的步骤：先获取父节点，在通过父节点删除自己
-     // father.removeChild(p1);
-
-     //var self=document.getElementById('p1');
-     //var father=p1.parentElement;
-     //father.removeChild(self);
-
-     //注意：下面方法删除多个结点的时候，children是在时刻变化的，删除结点的时候一定要注意
-     //father.removeChild(father.children[0]);
-     //father.removeChild(father.children[0]);
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson05/4.\346\217\222\345\205\245\347\273\223\347\202\271.html" "b/src/JavaScript/lesson05/4.\346\217\222\345\205\245\347\273\223\347\202\271.html"
deleted file mode 100644
index 891172f..0000000
--- "a/src/JavaScript/lesson05/4.\346\217\222\345\205\245\347\273\223\347\202\271.html"
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<p id="js">JavaScript</p>
-<div id="list">
-    <p id="se">JavaSE</p>
-    <p id="ee">JavaEE</p>
-    <p id="me">javaME</p>
-</div>
-<script>
-    //我们获得了某个DOM结点，假设这个dom结点是空的，我们通过innerHTML就可以增加一个元素了，
-    //但是这个DOM已经存在元素了，我们就不能这么干，会产生覆盖
-    //var js=document.getElementById('js');
-    //var list=document.getElementById('list');
-    //list.appendChild(js);//追加到后面
-
-    //通过js创建一个新的结点
-    //var newP=document.createElement('p');
-    //newP.id='newP';
-    //newP.innerText='hello';
-    //var list=document.getElementById('list');
-    //list.append(newP);
-
-    //创建一个标签结点(通过这个属性，可以设置任意属性值)
-    //var myScript=document.createElement('script');
-    //myScript.setAttribute('type','text/javascript');
-    //var list=document.getElementById('list');
-    //list.append(myScript);
-
-    //可以创建一个style标签
-    //var myStyle=document.createElement('style');//创建一个空的Style标签
-    //myStyle.setAttribute('type','text.css');
-    //myStyle.innerHTML='body{background-color:chartreuse;}';//设置标签内容
-    //document.getElementsByTagName('head')[0].appendChild(myStyle);
-   //insert
-   //var ee=document.getElementById('ee');
-   //var js=document.getElementById('js');
-   //var list=document.getElementById('list');
-   //list.insertBefore(js,ee);//要包含的结点.insertBefore(newNode,targetNode)
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson06/1.\346\223\215\344\275\234\350\241\250\345\215\225.html" "b/src/JavaScript/lesson06/1.\346\223\215\344\275\234\350\241\250\345\215\225.html"
deleted file mode 100644
index b881b45..0000000
--- "a/src/JavaScript/lesson06/1.\346\223\215\344\275\234\350\241\250\345\215\225.html"
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-<form action="post">
- <p>
-     <spqn>用户名</spqn>  <input type="text" id="username">
- </p>
-<!--多选框的值，就是定义好的value-->
-    <p>
-        <span>性别：</span>
-        <input type="radio" name="sex" value="man" id="boy"> 男
-        <input type="radio" name="sex" value="women" id="girl"> 女
-    </p>
-</form>
-<script>
-    //表单分类：文本框：text  下拉框：<select> 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 password
-    //表单的目的：提交信息
-    //var input_val=document.getElementById('username');
-    //得到输入框的值
-    //  input_val.value
-     //修改输入框的值
-    //input_val.value='123';
-     //对于单选框和多选框，boy_val.value只能取到当前的值
-    //var boy_val=document.getElementById('boy');
-    var girl_val=document.getElementById('girl');
-    //boy_val.value
-    //girl_val.value
-    //boy_val.checked;//查看返回的结果，是否为true，如果为true，则被选中
-    girl_val.checked=true;
-</script>
-</body>
-</html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson06/2.\346\217\220\344\272\244\350\241\250\345\215\225.html" "b/src/JavaScript/lesson06/2.\346\217\220\344\272\244\350\241\250\345\215\225.html"
deleted file mode 100644
index b69b8ad..0000000
--- "a/src/JavaScript/lesson06/2.\346\217\220\344\272\244\350\241\250\345\215\225.html"
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-<!--MD5工具类-->
-    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
-</head>
-<body>
-<!--表单级别的绑定提交事件 onsubmit=绑定的一个提交检测的函数，true，false
-将这个结果返回给表单，使用onsubmit接收!-->
-<form action="https://www.baidu.com/" method="post"onsubmit="return aaa()">
-    <p>
-        <spqn>用户名:</spqn>  <input type="text" id="username" name="username">
-    </p>
-    <p>
-        <spqn>密码:</spqn>  <input type="text" id="input-password" >
-    </p>
-    <input type="hidden" id="md5-password" name="password">
-   <button type="submit">提交</button>
-    <script>
-        function aaa(){
-        alert('成功');
-         var user=document.getElementById('username');
-         var word=document.getElementById('input-password');
-         var md5word=document.getElementById('md5-password');
-         md5word.value=md5(word.value);
-         //console.log(user.value);
-         //MD5算法
-         //word.value=md5(word.value);
-         //console.log(word.value);
-         //可以校验判断表单内容，true就是通过提交，false就是阻止提交
-         return true;
-        }
-    </script>
-</form>
-</body>
-</html>
\ No newline at end of file
diff --git a/src/Json/JsonStrList.java b/src/Json/JsonStrList.java
new file mode 100644
index 0000000..299eda5
--- /dev/null
+++ b/src/Json/JsonStrList.java
@@ -0,0 +1,29 @@
+package Json;
+
+import com.google.gson.Gson;
+import com.google.gson.reflect.TypeToken;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 10:38
+ */
+public class JsonStrList {
+    public static void main(String[] args) {
+        List<Student> stuList=new ArrayList<>();
+        stuList.add(new Student("aa",22));
+        stuList.add(new Student("cc",20));
+        //stuList->jsonString
+        Gson gson=new Gson();
+        String s = gson.toJson(stuList);
+        System.out.println(s);
+        //jsonString->stuList
+//        List<Student> list = gson.fromJson(s, List.class);
+//        System.out.println(list.get(0));
+        //使用typeToken
+        List<Student> list = gson.fromJson(s, new TypeToken<List<Student>>() {}.getType());
+        System.out.println(list);
+    }
+}
diff --git a/src/Json/JsonStrMap.java b/src/Json/JsonStrMap.java
new file mode 100644
index 0000000..2b15a6f
--- /dev/null
+++ b/src/Json/JsonStrMap.java
@@ -0,0 +1,26 @@
+package Json;
+
+import com.google.gson.Gson;
+import com.google.gson.reflect.TypeToken;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 11:52
+ */
+public class JsonStrMap {
+    public static void main(String[] args) {
+        Map<String,Student> map=new HashMap<>();
+        map.put("aa",new Student("aa",18));
+        map.put("bb",new Student("bb",16));
+        //map->jsonString
+        Gson gson=new Gson();
+        String s = gson.toJson(map);//{"aa":{"name":"aa","age":18},"bb":{"name":"bb","age":16}}
+        System.out.println(s);
+        //jsonString->map
+        Map<String,Student> c= gson.fromJson(s, new TypeToken<Map<String, Student>>() {}.getType());
+        System.out.println(c.get("aa"));
+    }
+}
diff --git a/src/Json/JsonStrObject.java b/src/Json/JsonStrObject.java
new file mode 100644
index 0000000..d6289b4
--- /dev/null
+++ b/src/Json/JsonStrObject.java
@@ -0,0 +1,20 @@
+package Json;
+
+import com.google.gson.Gson;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 10:26
+ */
+public class JsonStrObject {
+    public static void main(String[] args) {
+     Gson gson=new Gson();
+     Student stu=new Student("aa",18);
+     //student->jsonString
+        String s = gson.toJson(stu);
+        System.out.println(s);
+        //jsonString->Student
+        Student student = gson.fromJson(s, Student.class);
+        System.out.println(student.toString());
+    }
+}
diff --git a/src/Json/Student.java b/src/Json/Student.java
new file mode 100644
index 0000000..ce945b4
--- /dev/null
+++ b/src/Json/Student.java
@@ -0,0 +1,39 @@
+package Json;
+
+/**
+ * @author lifei
+ * @date 2020/7/1 10:27
+ */
+public class Student {
+    private String name;
+    private int age;
+
+    public Student(String name, int age) {
+        this.name = name;
+        this.age = age;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public int getAge() {
+        return age;
+    }
+
+    public void setAge(int age) {
+        this.age = age;
+    }
+
+    @Override
+    public String toString() {
+        return "Student{" +
+                "name='" + name + '\'' +
+                ", age=" + age +
+                '}';
+    }
+}
diff --git a/src/Listener/ApplicationlistenerDemo.java b/src/Listener/ApplicationlistenerDemo.java
new file mode 100644
index 0000000..6077129
--- /dev/null
+++ b/src/Listener/ApplicationlistenerDemo.java
@@ -0,0 +1,21 @@
+package Listener;
+
+import javax.servlet.ServletContextEvent;
+import javax.servlet.ServletContextListener;
+
+/**
+ * @author lifei
+ * @date 2020/6/30 10:26
+ */
+public class ApplicationlistenerDemo implements ServletContextListener {
+
+    @Override
+    public void contextInitialized(ServletContextEvent servletContextEvent) {
+        System.out.println("application init");
+    }
+
+    @Override
+    public void contextDestroyed(ServletContextEvent servletContextEvent) {
+        System.out.println("application destroy");
+    }
+}
diff --git a/src/Servlet/CreateCookieServlet.java b/src/Servlet/CreateCookieServlet.java
new file mode 100644
index 0000000..d18a23a
--- /dev/null
+++ b/src/Servlet/CreateCookieServlet.java
@@ -0,0 +1,23 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.Cookie;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "CreateCookieServlet")
+public class CreateCookieServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        //创建Cookie对象并携带信息
+        Cookie cookieName=new Cookie("stuName","aa");
+        //响应给客户端
+        response.addCookie(cookieName);
+    }
+}
diff --git a/src/Servlet/FormRepeatServlet.java b/src/Servlet/FormRepeatServlet.java
new file mode 100644
index 0000000..f97ce16
--- /dev/null
+++ b/src/Servlet/FormRepeatServlet.java
@@ -0,0 +1,31 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+import java.io.IOException;
+
+@WebServlet(name = "FormRepeatServlet")
+public class FormRepeatServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+         //分别取session域和隐藏域的uuid值
+        String uuid2 = request.getParameter("uuid2");
+        HttpSession session=request.getSession();
+        Object uuid = session.getAttribute("uuid");
+        // 判断是否相等
+        if(uuid!=null&&uuid.toString().equals(uuid2)){
+            //相等，提交，移除session域中的token
+            System.out.println("summit");
+            session.removeAttribute("uuid");
+        }
+        System.out.println("end!");
+
+    }
+}
diff --git a/src/Servlet/GetCookieServlet.java b/src/Servlet/GetCookieServlet.java
new file mode 100644
index 0000000..30c1252
--- /dev/null
+++ b/src/Servlet/GetCookieServlet.java
@@ -0,0 +1,24 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.Cookie;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "GetCookieServlet")
+public class GetCookieServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+            //获取cookie
+        Cookie[] cookies = request.getCookies();
+        for (Cookie cur:cookies){
+            System.out.println(cur.getName()+","+cur.getValue());
+        }
+    }
+}
diff --git a/src/Servlet/GetSessionServlet.java b/src/Servlet/GetSessionServlet.java
new file mode 100644
index 0000000..5a3cffe
--- /dev/null
+++ b/src/Servlet/GetSessionServlet.java
@@ -0,0 +1,19 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "GetSessionServlet")
+public class GetSessionServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        System.out.println(request.getSession().getId());
+    }
+}
diff --git a/src/Servlet/HelloServlet.java b/src/Servlet/HelloServlet.java
new file mode 100644
index 0000000..bf1a5f4
--- /dev/null
+++ b/src/Servlet/HelloServlet.java
@@ -0,0 +1,49 @@
+package Servlet;
+
+import javax.servlet.Servlet;
+import javax.servlet.ServletConfig;
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+import java.io.IOException;
+
+/**
+ * @author lifei
+ * @date 2020/6/25 10:36
+ */
+
+public class HelloServlet implements Servlet{
+    private ServletConfig servletConfig;
+      // 创建servlet对象后执行init
+    public void init(ServletConfig servletConfig) {
+      this.servletConfig=servletConfig;
+    }
+
+    public ServletConfig getServletConfig() {
+        return null;
+    }
+/*
+处理用户的请求
+ */
+    public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws IOException {
+        System.out.println("service()!!!");
+        String encode = servletConfig.getInitParameter("encode");
+        System.out.println(encode);
+        System.out.println(servletConfig.getServletContext());
+        System.out.println(servletConfig.getServletName());
+        //获取上下文的参数
+        System.out.println(servletConfig.getServletContext().getInitParameter("gae"));
+        //获取真实路径
+        servletConfig.getServletContext().getRealPath("HelloServlet.class");
+
+    }
+
+    public String getServletInfo() {
+        return null;
+    }
+  //servlet消亡时执行
+    public void destroy() {
+
+    }
+}
+
+
diff --git a/src/Servlet/KeepCookieServlet.java b/src/Servlet/KeepCookieServlet.java
new file mode 100644
index 0000000..fb0495d
--- /dev/null
+++ b/src/Servlet/KeepCookieServlet.java
@@ -0,0 +1,27 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.Cookie;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "KeepCookieServlet")
+public class KeepCookieServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        //创建cookie
+        Cookie cookie=new Cookie("stuAge","18");
+        //持久化cookie
+        //cookie.setMaxAge(60);//60为秒数
+        //有效路径
+        cookie.setPath(request.getContextPath()+"/a");
+        response.addCookie(cookie);
+
+    }
+}
diff --git a/src/Servlet/KeepSessionServlet.java b/src/Servlet/KeepSessionServlet.java
new file mode 100644
index 0000000..c8cab2a
--- /dev/null
+++ b/src/Servlet/KeepSessionServlet.java
@@ -0,0 +1,31 @@
+package Servlet;
+
+import Demo.Student;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.*;
+import java.io.IOException;
+
+@WebServlet(name = "KeepSessionServlet")
+public class KeepSessionServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+         //持久化Session->持久化特殊的Cookie
+        Cookie[] cookies = request.getCookies();
+        for (Cookie c:cookies){
+            if("JSESSIONID".equals(c.getName())){
+                c.setMaxAge(600);
+                response.addCookie(c);
+                break;
+            }
+        }
+        //设置session的非活动时间
+        HttpSession session=request.getSession();
+        session.setMaxInactiveInterval(600);//秒数
+        session.setAttribute("stu", new Student("aa",1));
+    }
+}
diff --git a/src/Servlet/LoginServlet.java b/src/Servlet/LoginServlet.java
new file mode 100644
index 0000000..0b03813
--- /dev/null
+++ b/src/Servlet/LoginServlet.java
@@ -0,0 +1,37 @@
+package Servlet;
+
+import javax.servlet.RequestDispatcher;
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "LoginServlet")
+public class LoginServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+    }
+        /*
+          实现登录功能
+              1.获取用户名和密码
+              2.判断用户名和密码是否正确(admin，dao)
+              3.路径跳转
+         */
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+         //1.获取用户名和密码
+        //response.setContentType("text/html;charset=utf-8");
+        String username = request.getParameter("username");
+        System.out.println(username);
+        String password = request.getParameter("password");
+        // 2.判断用户名和密码是否正确(admin，dao)
+        if("admin2".equals(username)&&"admin2".equals(password)){
+            //登录成功 转发跳转
+            RequestDispatcher requestDispatcher = request.getRequestDispatcher("HTML/login_success.html");
+            requestDispatcher.forward(request,response);
+        }else{//重定向跳转
+            response.sendRedirect("HTML/loginDemo.html");
+        }
+
+    }
+}
diff --git a/src/Servlet/MyServlet.java b/src/Servlet/MyServlet.java
new file mode 100644
index 0000000..0c1a007
--- /dev/null
+++ b/src/Servlet/MyServlet.java
@@ -0,0 +1,46 @@
+package Servlet;
+
+import javax.servlet.RequestDispatcher;
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+
+@WebServlet(name = "MyServlet")
+public class MyServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        //测试response
+        System.out.println("doPost()");
+        //1.服务器向客户端做出响应(文本|html)
+        //获取响应流
+        response.setContentType("text/html;charset=utf-8");
+        PrintWriter writer = response.getWriter();
+        //响应
+      // writer.write("login success!");
+       writer.write("<h1>登录login success!</h1>");
+       //3.重定向
+        //response.sendRedirect("HTML/login_success.html");
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        //测试request对象
+
+        System.out.println("doGet()");
+        //1.获取请求参数,通过name获取
+        String username = request.getParameter("username");
+        System.out.println(username);
+        //2.获取项目虚拟路径
+        String contextPath = request.getContextPath();
+        System.out.println(contextPath);
+        //转发   web\HTML\login_success.html
+        //1.获取转发器，
+        RequestDispatcher requestDispatcher = request.getRequestDispatcher("HTML/login_success.html");
+        //2，执行转发
+        requestDispatcher.forward(request,response);
+    }
+
+}
diff --git a/src/Servlet/RegistServlet.java b/src/Servlet/RegistServlet.java
new file mode 100644
index 0000000..d3b34c0
--- /dev/null
+++ b/src/Servlet/RegistServlet.java
@@ -0,0 +1,38 @@
+package Servlet;
+
+import javax.servlet.RequestDispatcher;
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "RegistServlet")
+public class RegistServlet extends HttpServlet {
+    /*
+    实现伪注册
+        1.获取用户名和密码
+        1_2.
+           校验用户名是否存在
+        //2.调用dao接口，将用户名和密码保存到数据库
+        3.跳转
+     */
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        //1.获取用户名和密码
+        String username = request.getParameter("username");
+        //校验用户名是否存在
+        if("admin2".equals(username)){
+            //用户名已存在，注册失败，重定向
+          response.sendRedirect("HTML/RegistDemo.html");
+        }else{
+            //用户名可以，注册成功，转发
+            RequestDispatcher requestDispatcher = request.getRequestDispatcher("HTML/regist_success.html");
+            requestDispatcher.forward(request,response);
+        }
+    }
+}
diff --git a/src/Servlet/RemoveSessionServlet.java b/src/Servlet/RemoveSessionServlet.java
new file mode 100644
index 0000000..0944e1a
--- /dev/null
+++ b/src/Servlet/RemoveSessionServlet.java
@@ -0,0 +1,22 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+import java.io.IOException;
+
+@WebServlet(name = "RemoveSessionServlet")
+public class RemoveSessionServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        HttpSession session = request.getSession();
+       //设置session失效
+        session.invalidate();
+    }
+}
diff --git a/src/Servlet/UpdateCookieServlet.java b/src/Servlet/UpdateCookieServlet.java
new file mode 100644
index 0000000..a02308c
--- /dev/null
+++ b/src/Servlet/UpdateCookieServlet.java
@@ -0,0 +1,31 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.Cookie;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "UpdateCookieServlet")
+public class UpdateCookieServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+       //覆盖式修改
+//        Cookie cookieName=new Cookie("stuName","bb");
+//        response.addCookie(cookieName);
+        //直接式修改
+        Cookie[]cookies=request.getCookies();
+        for (Cookie cookie:cookies){
+            if("stuName".equals(cookie.getName())){
+                cookie.setValue("cc");
+                response.addCookie(cookie);
+                break;
+            }
+        }
+    }
+}
diff --git a/src/Servlet/UserCookieServlet.java b/src/Servlet/UserCookieServlet.java
new file mode 100644
index 0000000..f234108
--- /dev/null
+++ b/src/Servlet/UserCookieServlet.java
@@ -0,0 +1,36 @@
+package Servlet;
+
+import javax.servlet.ServletException;
+import javax.servlet.annotation.WebServlet;
+import javax.servlet.http.Cookie;
+import javax.servlet.http.HttpServlet;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+
+@WebServlet(name = "UserServlet")
+public class UserCookieServlet extends HttpServlet {
+    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+
+    }
+
+    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
+        String username = request.getParameter("username");
+        String password = request.getParameter("password");
+        String rp=request.getParameter("rp");
+        if(rp==null){//如果未勾选
+            return;
+        }
+        //如果勾选
+        //将数据存放Cookie中
+        Cookie cookieName=new Cookie("username",username);
+        Cookie cookiePwd=new Cookie("password",password);
+        //将Cookie持久化
+        cookieName.setMaxAge(60*60*24*7);//7天
+        cookiePwd.setMaxAge(60*60*24*7);
+        //将Cookie响应给浏览器
+        response.addCookie(cookieName);
+        response.addCookie(cookiePwd);
+        //调转
+    }
+}
diff --git a/src/XML/Class/Dom4jTest.java b/src/XML/Class/Dom4jTest.java
deleted file mode 100644
index 8037a20..0000000
--- a/src/XML/Class/Dom4jTest.java
+++ /dev/null
@@ -1,34 +0,0 @@
-package XML.Class;
-
-import org.dom4j.Document;
-import org.dom4j.DocumentException;
-import org.dom4j.Element;
-import org.dom4j.io.SAXReader;
-
-import java.util.Iterator;
-
-/**
- * @authtor liFei
- * @date 2020/6/22-11:13
- */
-public class Dom4jTest {//dom4j 加载完整个文档到内存再解析
-    public static void main(String[] args) throws DocumentException {
-        //创建解析器
-        SAXReader reader=new SAXReader();
-        //通过解析器的read方法将配置文件读取到内存中，生成一个Document[org.dom4j]对象树
-        Document document=reader.read("D:\\Practice\\JavaWeb\\src\\XML\\xml\\students.xml");
-        //获取根节点
-        Element root = document.getRootElement();
-        //开始遍历根节点
-        Iterator<Element> rootIter=root.elementIterator();
-        while (rootIter.hasNext()){
-           Element studentElt= rootIter.next();
-            Iterator<Element> childIter=studentElt.elementIterator();
-            while (childIter.hasNext()){
-              Element innerElt=childIter.next();
-                System.out.println(innerElt.getStringValue());
-            }
-            System.out.println("========================================");
-        }
-    }
-}
diff --git a/src/XML/Class/SAXParserTest.java b/src/XML/Class/SAXParserTest.java
deleted file mode 100644
index 63e4e3b..0000000
--- a/src/XML/Class/SAXParserTest.java
+++ /dev/null
@@ -1,45 +0,0 @@
-package XML.Class;
-
-import org.xml.sax.Attributes;
-import org.xml.sax.SAXException;
-import org.xml.sax.helpers.DefaultHandler;
-
-import javax.xml.parsers.ParserConfigurationException;
-import javax.xml.parsers.SAXParser;
-import javax.xml.parsers.SAXParserFactory;
-import java.io.IOException;
-
-/**
- * @authtor liFei
- * @date 2020/6/22-11:47
- */
-public class SAXParserTest {
-    static class MyDefaultHandler extends DefaultHandler {
-        @Override
-        public void startElement(String uri, String localName, String qName, Attributes attributes) throws SAXException {
-            //super.startElement(uri, localName, qName, attributes);
-            System.out.print("<"+qName+">");
-        }
-
-        @Override
-        public void endElement(String uri, String localName, String qName) throws SAXException {
-            //super.endElement(uri, localName, qName);
-            System.out.print("</"+qName+">");
-        }
-
-        @Override
-        public void characters(char[] ch, int start, int length) throws SAXException {
-            //super.characters(ch, start, length);
-            System.out.print(new String(ch,start,length));
-        }
-    }
-    public static void main(String[] args) throws ParserConfigurationException, SAXException, IOException {//边解读边解析，适合解析大文本文件
-        //创建解析工程
-        SAXParserFactory saxParserFactory=SAXParserFactory.newInstance();
-        //创建解析器
-        SAXParser saxParser = saxParserFactory.newSAXParser();
-        //通过解析器的parser方法
-        saxParser.parse("D:\\Practice\\JavaWeb\\src\\XML\\xml\\students.xml",new MyDefaultHandler());
-
-    }
-}
diff --git a/src/XML/Class/ServerParser.java b/src/XML/Class/ServerParser.java
deleted file mode 100644
index 5533e00..0000000
--- a/src/XML/Class/ServerParser.java
+++ /dev/null
@@ -1,29 +0,0 @@
-package XML.Class;
-
-import org.dom4j.Attribute;
-import org.dom4j.Document;
-import org.dom4j.DocumentException;
-import org.dom4j.Element;
-import org.dom4j.io.SAXReader;
-
-/**
- * @authtor liFei
- * @date 2020/6/23-9:51
- */
-public class ServerParser {
-    public static void main(String[] args) throws DocumentException {
-        //创建解析器
-        SAXReader saxReader=new SAXReader();
-        //通过解析器的reader将配置文件读取到内存中,生成一个Document[org.dom4j]对象树
-       Document document=saxReader.read("D:\\Practice\\JavaWeb\\src\\XML\\xml\\server.xml");
-        //获取connector结点对象的路径：server->service->connector
-        //获取connector结点元素对象的xpath路径：/server/service/connector  server//connector //connector
-        Element connectorElt = (Element)document.selectSingleNode("server//connector");
-        //获取connectorELt结点元素对象的port属性对象
-        Attribute portAttr=connectorElt.attribute("port");
-        //获取portAttr属性对象的值
-        String port=portAttr.getStringValue();
-        System.out.println(port);
-        //System.out.println(connectorElt.attributeValue("port"));
-    }
-}
diff --git a/src/XML/Class/SysConfigParser.java b/src/XML/Class/SysConfigParser.java
deleted file mode 100644
index e3321f4..0000000
--- a/src/XML/Class/SysConfigParser.java
+++ /dev/null
@@ -1,50 +0,0 @@
-package XML.Class;
-
-import org.dom4j.Document;
-import org.dom4j.DocumentException;
-import org.dom4j.Element;
-import org.dom4j.io.SAXReader;
-
-/**
- * @authtor liFei
- * @date 2020/6/22-19:51
- */
-public class SysConfigParser {
-    public static void main(String[] args) throws DocumentException {
-        //创建解析器
-        SAXReader reader = new SAXReader();
-        //通过解析器的reader将配置文件读取到内存中,生成一个Document[org.dom4j]对象树
-        Document document=reader.read("D:\\Practice\\JavaWeb\\src\\XML\\xml\\sys-config.xml");
-
-        //driver-name结点元素的路径 config->database-info->driver-name
-        //driver-name结点元素的xpath路径：/config/database-info/driver-name
-        Element driverNameElt =(Element) document.selectSingleNode("/config/database-info/driver-name");
-        //获取driverNameElt结点元素对象的文本内容
-        String driverName= driverNameElt.getStringValue();
-        System.out.println(driverName);
-
-        //url结点元素路径：config->database-info->url
-        //url结点元素的xpath路径：/config/database-info/url   或者//url 或者 config//url
-        Element urlNameElt =(Element) document.selectSingleNode("config//url");
-        //获取driverNameElt结点元素对象的文本内容
-        String urlName= urlNameElt.getStringValue();
-        System.out.println(urlName);
-
-
-        //user结点元素路径：config->database-info->user
-        //url结点元素的xpath路径：/config/database-info/user   或者//user 或者 config//user
-        Element uesrNameElt =(Element) document.selectSingleNode("//uesr");
-        //获取driverNameElt结点元素对象的文本内容
-        String uesrName= uesrNameElt.getStringValue();
-        System.out.println(uesrName);
-          //该方法也可以
-         //Element element=(Element) document.selectObject("//uesr");
-         //System.out.println(element.getStringValue());
-
-
-        //password结点元素路径：config->database-info->password
-        //password结点元素的xpath路径：/config/database-info/password   或者//password 或者 config//password
-        Element element=(Element) document.selectObject("//password");
-        System.out.println(element.getStringValue());
-    }
-}
\ No newline at end of file
diff --git a/src/XML/Class/XPathTest.java b/src/XML/Class/XPathTest.java
deleted file mode 100644
index 43fc418..0000000
--- a/src/XML/Class/XPathTest.java
+++ /dev/null
@@ -1,70 +0,0 @@
-package XML.Class;
-
-import org.w3c.dom.Document;
-import org.w3c.dom.Element;
-import org.w3c.dom.NodeList;
-import org.xml.sax.SAXException;
-
-import javax.xml.parsers.DocumentBuilder;
-import javax.xml.parsers.DocumentBuilderFactory;
-import javax.xml.parsers.ParserConfigurationException;
-import javax.xml.xpath.XPath;
-import javax.xml.xpath.XPathConstants;
-import javax.xml.xpath.XPathExpressionException;
-import javax.xml.xpath.XPathFactory;
-import java.io.IOException;
-
-/**
- * @authtor liFei
- * @date 2020/6/23-10:09
- */
-public class XPathTest {
-    public static void main(String[] args) throws ParserConfigurationException, IOException, SAXException, XPathExpressionException {
-        //创建解析工厂
-        DocumentBuilderFactory documentBuilderFactory=DocumentBuilderFactory.newInstance();
-        //创建解析器
-        DocumentBuilder builder = documentBuilderFactory.newDocumentBuilder();
-        //通过解析器来读取配置文件,生成一个Document[org.w3c.dom]对象树
-        Document document = builder.parse("D:\\Practice\\JavaWeb\\src\\XML\\xml\\books.xml");
-        //创建Xpath对象
-        XPath xPath = XPathFactory.newInstance().newXPath();
-          /*
-          1.获取bookstore结点下book属性category值为web下的第二个title结点的文本内容
-          bookstore->book[@category="web"][2]->title
-          xpath路径：/bookstore/book[@category="web"][2]/title/text();
-           */
-          String titleXpath="/bookstore/book[@category='web'][2]/title/text()";
-        String titleValue=(String)xPath.evaluate(titleXpath,document, XPathConstants.STRING);
-        System.out.println(titleValue);
-        /*
-        2.获取bookstore结点下book属性categoty值为web的title属性为en的结点内容
-         */
-        String enXpath="/bookstore/book[@category='web']/title[@lang='en']/text()";
-        String enValue=(String)xPath.evaluate(enXpath,document,XPathConstants.STRING);
-        System.out.println(enValue);
-        /*
-        3.获取bookstore下book属性category值为cooking的title的lang属性的值
-         */
-        String langXpath="/bookstore/book[@category='cooking']/title/@lang";
-        String langValue=(String)xPath.evaluate(langXpath,document,XPathConstants.STRING);
-        System.out.println(langValue);
-        /*
-        4.获取bookstore结点下所有book的结点集合
-         */
-
-       NodeList bookList=(NodeList) xPath.evaluate("/bookstore/book",document,XPathConstants.NODESET);
-        for (int i = 0; i <bookList.getLength() ; i++) {
-            System.out.println("================");
-          Element bookElt=(Element)bookList.item(i);
-            String curTitle = (String) xPath.evaluate("title", bookElt, XPathConstants.STRING);
-            String authorValue=(String)xPath.evaluate("author",bookElt,XPathConstants.STRING);
-            String yearValue = (String) xPath.evaluate("year", bookElt, XPathConstants.STRING);
-            String priceValue=(String)xPath.evaluate("price",bookElt,XPathConstants.STRING);
-            System.out.println(curTitle);
-            System.out.println(authorValue);
-            System.out.println(yearValue);
-            System.out.println(priceValue);
-
-        }
-    }
-}
diff --git a/src/XML/lib/jaxen-1.1-beta-6.jar b/src/XML/lib/jaxen-1.1-beta-6.jar
deleted file mode 100644
index 6cef35d..0000000
Binary files a/src/XML/lib/jaxen-1.1-beta-6.jar and /dev/null differ
diff --git a/src/XML/xml/books.xml b/src/XML/xml/books.xml
deleted file mode 100644
index b618afd..0000000
--- a/src/XML/xml/books.xml
+++ /dev/null
@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<bookstore>
-    <book category="children">
-        <title lang="en">Harry Potter</title>
-        <author>J K.Rowling</author>
-        <year>2005</year>
-        <price>29.9</price>
-    </book>
-    <book category="cooking">
-        <title lang="en">Everyday Italian</title>
-        <author>Giada De Laurentiis</author>
-        <year>2005</year>
-        <price>30.0</price>
-    </book>
-    <book category="web">
-        <title lang="en">learning XML</title>
-        <author>Erik T.Ray</author>
-        <year>2003</year>
-        <price>39.9</price>
-    </book>
-    <book category="web">
-        <title lang="uk">XQuery Kick Start</title>
-        <author>James McGovern</author>
-        <year>2003</year>
-        <price>49.9</price>
-    </book>
-</bookstore>
\ No newline at end of file
diff --git a/src/XML/xml/server.xml b/src/XML/xml/server.xml
deleted file mode 100644
index 884d59b..0000000
--- a/src/XML/xml/server.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<server>
-    <service>
-        <connector port="8080"></connector>
-    </service>
-</server>
\ No newline at end of file
diff --git a/src/XML/xml/students.xml b/src/XML/xml/students.xml
deleted file mode 100644
index 2dd74cd..0000000
--- a/src/XML/xml/students.xml
+++ /dev/null
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<students>
-    <student>
-        <name>吴峰</name>
-        <college>计算机学院</college>
-        <phone>152525</phone>
-        <notes>男，2000年，本科，现在就读于邮电大学</notes>
-    </student>
-    <student>
-        <name>韩清</name>
-        <college>传媒学院</college>
-        <phone>152525</phone>
-        <notes>女，2000年，本科，现在就读于传媒大学</notes>
-    </student>
-    <student>
-        <name>Jack</name>
-        <college>外国语学院</college>
-        <phone>1311856</phone>
-        <notes>男，2000年，本科，现在就读于外国语大学</notes>
-    </student>
-</students>
\ No newline at end of file
diff --git a/src/XML/xml/sys-config.xml b/src/XML/xml/sys-config.xml
deleted file mode 100644
index ade3774..0000000
--- a/src/XML/xml/sys-config.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<config>
-    <database-info>
-        <driver-name>com.mysql.jdbc</driver-name>
-        <url>jdbc:mysql://192.168.1.151:8080</url>
-        <uesr>root</uesr>
-        <password>123</password>
-    </database-info>
-</config>
\ No newline at end of file
diff --git a/web/Ajax/AjaxDemo.jsp b/web/Ajax/AjaxDemo.jsp
new file mode 100644
index 0000000..54e32ce
--- /dev/null
+++ b/web/Ajax/AjaxDemo.jsp
@@ -0,0 +1,50 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/7/1
+  Time: 9:06
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+    <script type="text/javascript">
+        $(function () {
+        $("#btn").click(function(){
+                $.ajax({
+                    type: "POST",
+                    url: "../AjaxServlet",
+                    data: "name=John&location=Boston",
+                    success: function (msg) {
+                        alert("Data Saved:" + msg);
+                    }
+                });
+            });
+
+            $("#btnGet").click(function(){
+                $.get("../AjaxServlet",{"name":"asas","age":18},function (msg) {
+                   alert("msg:"+msg.msg);
+                },"json")
+                // $.ajax({
+                //     type: "Get",
+                //     url: "../AjaxServlet",
+                //     data: {"name":"asas","age":18},
+                //     dataType:"json",
+                //     success: function (msg) {
+                //         alert("msg:" + msg.msg);
+                //     },
+                //     error:function () {
+                //         alert("error");
+                //     }
+                // });
+            });
+        });
+    </script>
+</head>
+<body>
+<button id="btn">click Post</button>
+<button id="btnGet">click get</button>
+</body>
+</html>
diff --git a/web/Cookie/cookieDemo.jsp b/web/Cookie/cookieDemo.jsp
new file mode 100644
index 0000000..377d883
--- /dev/null
+++ b/web/Cookie/cookieDemo.jsp
@@ -0,0 +1,20 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/28
+  Time: 8:15
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<h1>cookieDemo</h1>
+<a href="../CreateCookieServlet">创建cookie对象</a>
+<a href="../GetCookieServlet">获取cookie对象</a>
+<a href="../UpdateCookieServlet">修改cookie对象</a>
+<a href="../KeepCookieServlet">持久化cookie对象</a>
+</body>
+</html>
diff --git a/web/Cookie/login.jsp b/web/Cookie/login.jsp
new file mode 100644
index 0000000..6f479d7
--- /dev/null
+++ b/web/Cookie/login.jsp
@@ -0,0 +1,34 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/28
+  Time: 10:17
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<form action="../UserCookieServlet" method="get">
+    <table>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" name="username" value="${cookie.username.value}"></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" name="password" value="${cookie.password.value}"></td>
+        </tr>
+        <tr>
+            <td>记住密码：</td>
+            <td><input type="checkbox" name="rp" value="rp"></td>
+        </tr>
+        <tr>
+            <td> <input type="submit" value="Submit" /></td>
+        </tr>
+    </table>
+</form>
+</body>
+</html>
diff --git a/src/CSS/lesson06/11.jpg b/web/File/download/11.jpg
similarity index 100%
rename from src/CSS/lesson06/11.jpg
rename to web/File/download/11.jpg
diff --git a/web/File/download/2020.7.3.txt b/web/File/download/2020.7.3.txt
new file mode 100644
index 0000000..f188e06
--- /dev/null
+++ b/web/File/download/2020.7.3.txt
@@ -0,0 +1,9 @@
+240. 搜索二维矩阵 II
+从左下角开始，如果当前元素大于目标值，则行数上移，如果当前元素值小于目标值，则列数右移即可，直到直到结果或者行列超出范围即可
+264. 丑数 II
+定义长度为n的数组，并且num[0]=1，然后定义三个指针p1，p2，p3,初始化都为0，从i开始遍历数组，每轮的num[i]=num[p1]*2,num[p2]*3,num[p3]*5的最小值，然后如果num[i]=num[p1]*2,p1后移，其余两个都进行判断(防止出现比较的三个值中出现相同的情况)，这样的正确性是所有的丑数都是有前面一个丑数*2，*3，*5得到的，而假设num[p1]*2已经出现了，后面就没必要拿它*2比了，应该找到下一个丑数(*2）加入下轮比较
+274. H 指数
+1.排序：将数组进行降序排列，由于Arrays.sort(）是升序排序，所以遍历时倒着来。只要当前论文的引用量大于i，则i++，最后返回i即可。
+2：计数:新建一个数组num，遍历原数组，如果当前值大于等于n，则num[n]++，否则num[cur]++，然后从i=n开始，记录此时已经引用的论文数量，如果count>=i,就返回i，否则返回0
+275. H指数 II
+二分搜索，如果当前中间值等于数组长度-mid，则直接返回，因为此时无论往前走(论文引用数量减少)还是往后(论文数量减少)走都无法超过该值，如果小于数组长度-mid，则left=mid+1，比如citations[mid]=2，len-mid=4，则可能还存在一个更大的值满足条件，所以往后走，同理，大于数组长度-mid，则right=mid-1。退出循环后返回数组长度-left。
\ No newline at end of file
diff --git a/web/File/file_download.jsp b/web/File/file_download.jsp
new file mode 100644
index 0000000..c19feab
--- /dev/null
+++ b/web/File/file_download.jsp
@@ -0,0 +1,20 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/7/2
+  Time: 10:13
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>文件下载</title>
+</head>
+<body>
+<h1>文件商店</h1>
+<%--<a href="${pageContext.request.contextPath}/File/download/11.jpg">11.jpg</a>--%>
+<a href="${pageContext.request.contextPath}/fileDownloadServlet?fileName=11.jpg">11.jpg</a>
+<a href="${pageContext.request.contextPath}/fileDownloadServlet?fileName=2020.7.3.txt">2020.7.3.txt</a>
+<a href="${pageContext.request.contextPath}/fileDownloadServlet?fileName=位置指纹算法.pdf">位置指纹算法.pdf</a>
+</body>
+</html>
diff --git a/web/File/file_upload.jsp b/web/File/file_upload.jsp
new file mode 100644
index 0000000..09dfde3
--- /dev/null
+++ b/web/File/file_upload.jsp
@@ -0,0 +1,21 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/7/2
+  Time: 8:39
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>文件上传</title>
+</head>
+<body>
+<h1>文件上传</h1>
+<form action="../fileUploadServlet" method="post" enctype="multipart/form-data">
+    姓名: <input type="text" name="uname"><br>
+    上传文件: <input type="file" name="fileupload"><br>
+    <input type="submit" value="上传朋友圈">
+</form>
+</body>
+</html>
diff --git a/web/Filter/filter.jsp b/web/Filter/filter.jsp
new file mode 100644
index 0000000..8cd4da3
--- /dev/null
+++ b/web/Filter/filter.jsp
@@ -0,0 +1,18 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/30
+  Time: 8:49
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<%--<a href="../HelloWorldFilter">helloFilter</a>--%>
+<a href="../userServlet">helloFilter</a><br>
+<a href="../HttpFilterTest">httpFilterTest</a>
+</body>
+</html>
diff --git a/web/HTML/RegistDemo.html b/web/HTML/RegistDemo.html
new file mode 100644
index 0000000..9d3a51a
--- /dev/null
+++ b/web/HTML/RegistDemo.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<form action="../RegistServlet" method="get">
+    <table>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" name="username"></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" name="password"></td>
+        </tr>
+        <tr>
+            <td> <input type="submit" value="Regist" /></td>
+        </tr>
+    </table>
+</form>
+</body>
+</html>
\ No newline at end of file
diff --git a/web/HTML/login.html b/web/HTML/login.html
new file mode 100644
index 0000000..5acf1b5
--- /dev/null
+++ b/web/HTML/login.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<form action="../MyServlet" method="post">
+    <table>
+        <tr>
+             <td>用户名：</td>
+             <td><input type="text" name="username"></td>
+        </tr>
+        <tr>
+             <td>密码：</td>
+             <td><input type="password" name="password"></td>
+        </tr>
+        <tr>
+             <td> <input type="submit" value="Submit" /></td>
+        </tr>
+    </table>
+</form>
+
+<!--<form action="../MyServlet" method="get">-->
+<!--    <table>-->
+<!--        <tr>-->
+<!--            <td>用户名：</td>-->
+<!--            <td><input type="text" name="username"></td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--            <td>密码：</td>-->
+<!--            <td><input type="password" name="password"></td>-->
+<!--        </tr>-->
+<!--        <tr>-->
+<!--            <td> <input type="submit" value="Submit" /></td>-->
+<!--        </tr>-->
+<!--    </table>-->
+<!--</form>-->
+</body>
+</html>
\ No newline at end of file
diff --git a/web/HTML/loginDemo.html b/web/HTML/loginDemo.html
new file mode 100644
index 0000000..0936d4b
--- /dev/null
+++ b/web/HTML/loginDemo.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<form action="../LoginServlet" method="get">
+    <table>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" name="username"></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" name="password"></td>
+        </tr>
+        <tr>
+            <td> <input type="submit" value="Submit" /></td>
+        </tr>
+    </table>
+</form>
+</body>
+</html>
\ No newline at end of file
diff --git "a/src/CSS/lesson3/3.id\351\200\211\346\213\251\345\231\250.html" b/web/HTML/login_success.html
similarity index 74%
rename from "src/CSS/lesson3/3.id\351\200\211\346\213\251\345\231\250.html"
rename to web/HTML/login_success.html
index 566549b..0c892bb 100644
--- "a/src/CSS/lesson3/3.id\351\200\211\346\213\251\345\231\250.html"
+++ b/web/HTML/login_success.html
@@ -5,6 +5,6 @@
     <title>Title</title>
 </head>
 <body>
-
+<h1 style="color: red">登录成功</h1>
 </body>
 </html>
\ No newline at end of file
diff --git "a/src/JavaScript/lesson04/2.class\347\273\247\346\211\277.html" b/web/HTML/p.html
similarity index 77%
rename from "src/JavaScript/lesson04/2.class\347\273\247\346\211\277.html"
rename to web/HTML/p.html
index 566549b..31be1fb 100644
--- "a/src/JavaScript/lesson04/2.class\347\273\247\346\211\277.html"
+++ b/web/HTML/p.html
@@ -5,6 +5,6 @@
     <title>Title</title>
 </head>
 <body>
-
+<h1 style="color: yellow">404?</h1>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/HTML/39.html b/web/HTML/regist_success.html
similarity index 74%
rename from src/HTML/39.html
rename to web/HTML/regist_success.html
index 566549b..adc5d9e 100644
--- a/src/HTML/39.html
+++ b/web/HTML/regist_success.html
@@ -5,6 +5,6 @@
     <title>Title</title>
 </head>
 <body>
-
+<h1 style="color: red">注册成功</h1>
 </body>
 </html>
\ No newline at end of file
diff --git a/web/JSP/hello.jsp b/web/JSP/hello.jsp
new file mode 100644
index 0000000..3950455
--- /dev/null
+++ b/web/JSP/hello.jsp
@@ -0,0 +1,29 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/27
+  Time: 10:09
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+application:<%=application.getAttribute("name1")%> <br>
+session:<%=session.getAttribute("name2")%> <br>
+request:<%=request.getAttribute("name3")%> <br>
+pageContext:<%=pageContext.getAttribute("name4")%> <br>
+这是我的第一个jsp页面
+<br>
+<%
+    for(int i=0;i<=100;i+=2){
+%>
+<br><%=i%>;
+<%!int i=1;%>
+<%
+    }
+%>
+</body>
+</html>
diff --git a/web/JSP/include.jsp b/web/JSP/include.jsp
new file mode 100644
index 0000000..9935ebb
--- /dev/null
+++ b/web/JSP/include.jsp
@@ -0,0 +1,17 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/27
+  Time: 10:46
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>include</title>
+</head>
+<body>
+<h1>wo</h1>
+<%@ include file="hello.jsp"%>
+</body>
+</html>
diff --git a/web/JSP/objectDemo.jsp b/web/JSP/objectDemo.jsp
new file mode 100644
index 0000000..59cdd3d
--- /dev/null
+++ b/web/JSP/objectDemo.jsp
@@ -0,0 +1,26 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/27
+  Time: 11:58
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<% application.setAttribute("name1","安安");
+    session.setAttribute("name2","呃呃");
+    request.setAttribute("name3","喔喔");
+    pageContext.setAttribute("name4","翻翻");
+%>
+application:<%=application.getAttribute("name1")%> <br>
+session:<%=session.getAttribute("name2")%> <br>
+request:<%=request.getAttribute("name3")%> <br>
+pageContext:<%=pageContext.getAttribute("name4")%> <br>
+<%--<jsp:forward page="hello.jsp"></jsp:forward>--%>
+<a href="hello.jsp">Demo2</a>
+</body>
+</html>
diff --git a/web/Session/re_login.jsp b/web/Session/re_login.jsp
new file mode 100644
index 0000000..193f890
--- /dev/null
+++ b/web/Session/re_login.jsp
@@ -0,0 +1,36 @@
+<%@ page import="java.util.UUID" %><%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/29
+  Time: 11:42
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+<%
+    String uuid = UUID.randomUUID().toString().replace("-", "");
+    session.setAttribute("uuid",uuid);
+%>
+<form action="../FormRepeatServlet" method="get">
+    <input type="hidden" value="<%=uuid%>" name="uuid2">
+    <table>
+        <tr>
+            <td>用户名：</td>
+            <td><input type="text" name="username"></td>
+        </tr>
+        <tr>
+            <td>密码：</td>
+            <td><input type="password" name="password"></td>
+        </tr>
+        <tr>
+            <td> <input type="submit" value="Submit" /></td>
+        </tr>
+    </table>
+</form>
+
+</body>
+</html>
diff --git a/web/Session/sessionDemo.jsp b/web/Session/sessionDemo.jsp
new file mode 100644
index 0000000..810eccb
--- /dev/null
+++ b/web/Session/sessionDemo.jsp
@@ -0,0 +1,20 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/29
+  Time: 10:15
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+<head>
+    <title>Title</title>
+</head>
+<body>
+sessionID:<%=session.getId()%><br>
+<a href="../GetSessionServlet">获取Session</a>
+<a href="../KeepSessionServlet">持久化Session</a>
+<a href="../RemoveSessionServlet">设置Session立即失效</a>
+name:<%=session.getAttribute("stu")%>
+</body>
+</html>
diff --git a/web/WEB-INF/lib/commons-fileupload-1.4.jar b/web/WEB-INF/lib/commons-fileupload-1.4.jar
new file mode 100644
index 0000000..e25a6bc
Binary files /dev/null and b/web/WEB-INF/lib/commons-fileupload-1.4.jar differ
diff --git a/web/WEB-INF/lib/commons-io-2.7.jar b/web/WEB-INF/lib/commons-io-2.7.jar
new file mode 100644
index 0000000..5889458
Binary files /dev/null and b/web/WEB-INF/lib/commons-io-2.7.jar differ
diff --git a/web/WEB-INF/lib/gson-2.8.5.jar b/web/WEB-INF/lib/gson-2.8.5.jar
new file mode 100644
index 0000000..0d5baf3
Binary files /dev/null and b/web/WEB-INF/lib/gson-2.8.5.jar differ
diff --git a/web/WEB-INF/web.xml b/web/WEB-INF/web.xml
new file mode 100644
index 0000000..05a64ac
--- /dev/null
+++ b/web/WEB-INF/web.xml
@@ -0,0 +1,245 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
+         version="4.0">
+    <listener>
+        <listener-class>Listener.ApplicationlistenerDemo</listener-class>
+    </listener>
+    <!--注册
+           1.类的全路径加载
+           2.url
+           -->
+    <context-param>
+        <param-name>age</param-name>
+        <param-value>18</param-value>
+    </context-param>
+    <servlet>
+    <servlet-name>HelloServlet</servlet-name>
+        <servlet-class>Servlet.HelloServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>HelloServlet</servlet-name>
+        <url-pattern>/HelloServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>MyServlet</servlet-name>
+        <servlet-class>Servlet.MyServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>MyServlet</servlet-name>
+        <url-pattern>/MyServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>LoginServlet</servlet-name>
+        <servlet-class>Servlet.LoginServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>LoginServlet</servlet-name>
+        <url-pattern>/LoginServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>RegistServlet</servlet-name>
+        <servlet-class>Servlet.RegistServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>RegistServlet</servlet-name>
+        <url-pattern>/RegistServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>CreateCookieServlet</servlet-name>
+        <servlet-class>Servlet.CreateCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>CreateCookieServlet</servlet-name>
+        <url-pattern>/CreateCookieServlet</url-pattern>
+    </servlet-mapping>
+
+
+    <servlet>
+        <servlet-name>GetCookieServlet</servlet-name>
+        <servlet-class>Servlet.GetCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>GetCookieServlet</servlet-name>
+        <url-pattern>/GetCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>UpdateCookieServlet</servlet-name>
+        <servlet-class>Servlet.UpdateCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>UpdateCookieServlet</servlet-name>
+        <url-pattern>/UpdateCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>KeepCookieServlet</servlet-name>
+        <servlet-class>Servlet.KeepCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>KeepCookieServlet</servlet-name>
+        <url-pattern>/KeepCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>UserCookieServlet</servlet-name>
+        <servlet-class>Servlet.UserCookieServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>UserCookieServlet</servlet-name>
+        <url-pattern>/UserCookieServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>GetSessionServlet</servlet-name>
+        <servlet-class>Servlet.GetSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>GetSessionServlet</servlet-name>
+        <url-pattern>/GetSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>KeepSessionServlet</servlet-name>
+        <servlet-class>Servlet.KeepSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>KeepSessionServlet</servlet-name>
+        <url-pattern>/KeepSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>RemoveSessionServlet</servlet-name>
+        <servlet-class>Servlet.RemoveSessionServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>RemoveSessionServlet</servlet-name>
+        <url-pattern>/RemoveSessionServlet</url-pattern>
+    </servlet-mapping>
+
+    <servlet>
+        <servlet-name>FormRepeatServlet</servlet-name>
+        <servlet-class>Servlet.FormRepeatServlet</servlet-class>
+        <init-param>
+            <param-name>encode</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>FormRepeatServlet</servlet-name>
+        <url-pattern>/FormRepeatServlet</url-pattern>
+    </servlet-mapping>
+
+
+    <filter>
+        <filter-name>HelloWorldFilter</filter-name>
+        <filter-class>Filter.HelloWorldFilter</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>HelloWorldFilter</filter-name>
+<!--        <url-pattern>/HelloWorldFilter</url-pattern>-->
+        <url-pattern>/userServlet</url-pattern>
+    </filter-mapping>
+
+    <servlet>
+        <servlet-name>userServlet</servlet-name>
+        <servlet-class>Filter.userServlet</servlet-class>
+    </servlet>
+    <servlet-mapping>
+        <servlet-name>userServlet</servlet-name>
+        <url-pattern>/userServlet</url-pattern>
+    </servlet-mapping>
+
+    <filter>
+        <filter-name>userServletFilter</filter-name>
+        <filter-class>Filter.userServletFilter</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>userServletFilter</filter-name>
+        <url-pattern>/userServlet</url-pattern>
+<!--        <servlet-name>userServlet</servlet-name>-->
+<!--        <url-pattern>*.jsp</url-pattern>-->
+<!--        <url-pattern>/web/Cookie/*</url-pattern>-->
+    </filter-mapping>
+
+
+    <filter>
+        <filter-name>HttpFilterTest</filter-name>
+        <filter-class>Filter.HttpFilterTest</filter-class>
+    </filter>
+    <filter-mapping>
+        <filter-name>HttpFilterTest</filter-name>
+        <!--        <url-pattern>/HelloWorldFilter</url-pattern>-->
+        <url-pattern>/HttpFilterTest</url-pattern>
+    </filter-mapping>
+
+    <filter>
+        <filter-name>CharSetFilter</filter-name>
+        <filter-class>Filter.CharSetFilter</filter-class>
+        <init-param>
+            <param-name>code</param-name>
+            <param-value>UTF-8</param-value>
+        </init-param>
+    </filter>
+    <filter-mapping>
+        <filter-name>CharSetFilter</filter-name>
+        <!--        <url-pattern>/HelloWorldFilter</url-pattern>-->
+        <url-pattern>/*</url-pattern>
+    </filter-mapping>
+
+
+</web-app>
\ No newline at end of file
diff --git a/web/index.jsp b/web/index.jsp
new file mode 100644
index 0000000..f14fda0
--- /dev/null
+++ b/web/index.jsp
@@ -0,0 +1,16 @@
+<%--
+  Created by IntelliJ IDEA.
+  User: asus
+  Date: 2020/6/24
+  Time: 17:18
+  To change this template use File | Settings | File Templates.
+--%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<html>
+  <head>
+    <title>$Title$</title>
+  </head>
+  <body>
+  hello
+  </body>
+</html>