✨ 新增项目

yunbocheng · Sep 25, 2021 · 78d6354 · 78d6354
1 parent 7f9ef2f
commit 78d6354
Show file tree

Hide file tree

Showing 19 changed files with 169 additions and 22 deletions.
diff --git a/IE6盒子模型.png b/IE6盒子模型.png
diff --git a/src/JavaScript/js介绍.md b/src/JavaScript/js介绍.md
@@ -15,14 +15,14 @@
 3. JavaScript是一门脚本语言。什么是脚本语言？
 
 
-      所有脚本语言都有这样的一个特点：脚本语言最终运行的那个程序是一普通文本的形式保存的。
+      所有脚本语言都有这样的一个特点：脚本语言最终运行的那个程序是以普通文本的形式保存的。
       Java就不是脚本语言，Java语言需要先编写生成xxx.java源文件，在源文件中编写源代码。
       然后java源代码还需要进行一个编译，编译之后生成xxx.class文件，而最终运行的是class文件。 
       class文件不是普通文本，用记事本打不开，所以java不是脚本语言。JavaScript是脚本语言。
 
 4. JS和JSP有啥关系？
 
-         Js和JSP是没有任何关系的。
+         JS和JSP是没有任何关系的。
          JS是：JavaScript的缩写。
          JSP是：Java Server Pages的缩写（JSP实际上还是Java程序）
         

diff --git a/src/JavaScript/嵌入JS代码的三种方式/HTML嵌入JS的第一种方式(行间事件).html b/src/JavaScript/嵌入JS代码的三种方式/HTML嵌入JS的第一种方式(行间事件).html
@@ -36,7 +36,6 @@
 			window代表的是浏览器的窗口对象。可以直接拿来使用。
 			window对象有一个alert方法/函数,它可以完成弹窗操作。 
 		 -->
-
 		 <!--弹出数字-->
 		 <input type="button" value="int"  onclick="window.alert(123456)"/>
 

diff --git a/src/JavaScript/数据类型/Number类型.html b/src/JavaScript/数据类型/Number类型.html
@@ -25,7 +25,7 @@
 						
 					4.什么情况下是NaN?
 						当一个数学表达式的运算结果本因该返回一个数字，
-						但最无法返回一个数字的时候，结果是NaN。
+						但是无法返回一个数字的时候，结果是NaN。
 						
 					5. Infinity是无穷大，当除数是0的时候，最终会结果为无穷大。
 					
@@ -41,6 +41,7 @@
 			// 在JS中，可以计算出一个结果，这个结果就是：NaN
 			// JS检测到 "/" 是一个除号，最终返回的肯定是一个数字，
 			// 但是下边的算是计算不出来数字,所以就返回NaN.
+
 			var result = 100 / "中";
 			console.log(result); // NaN
 			console.log(typeof result) // number

diff --git a/src/JavaScript/数据类型/String类型.html b/src/JavaScript/数据类型/String类型.html
@@ -16,7 +16,7 @@
 					3. 在JS当中提供了创建字符串的两种方式：
 						如果采用这种方式创建的字符串就属于原始数据类型！
 							var s = "hello";
-						如果采用这种方式创建的字符串就属于objject类型，
+						如果采用这种方式创建的字符串就属于object类型，
 						这里使用了Object类的子类Strig，String类是JS内置的，
 						可以直接使用。
 							var s = new String("hello")

diff --git a/src/css/CSS嵌入HTML的三种方式/HTML中嵌入CSS样式的第一种方式.html b/src/css/CSS嵌入HTML的三种方式/HTML中嵌入CSS样式的第一种方式.html
@@ -13,7 +13,7 @@
 				
 		-->
 		<div style="width: 200px; height: 200px; background-color: #FF00FF;"></div>
-		
+
 	</body>
 
 </html>
diff --git a/src/css/CSS嵌入HTML的三种方式/HTML中嵌入CSS样式的第二种方式.html b/src/css/CSS嵌入HTML的三种方式/HTML中嵌入CSS样式的第二种方式.html
@@ -60,7 +60,7 @@
 
 			/* 在这里有一个border语法（总样式），可以直接设置边框宽度，边框风格，边框颜色 */
 
-			border: 1px soild blue;
+			border: 1px soild blue ;
 
 			}
 
@@ -102,8 +102,7 @@
 		<input class="student" type="text" /><br><br>
 		<input class="student" type="text" /><br><br>
 		<div class="student">3</div>
-
-
+
 		<!--
 			以上三种选择器的优先级：
 				id选择器 > 类选择器 > 标签选择器

diff --git a/src/css/CSS嵌入HTML的三种方式/第三种嵌套方式的外部样式myCSS.css b/src/css/CSS嵌入HTML的三种方式/第三种嵌套方式的外部样式myCSS.css
@@ -32,7 +32,7 @@ input{
 	border: solid 1px red;
 }
 
-/*累选择器*/
+/*类选择器*/
 
 .myinput{
 	border: solid 2px blue;

diff --git a/src/html/form表单1/Method属性.html b/src/html/form表单1/Method属性.html
@@ -11,7 +11,7 @@
 			username <input type="text" name="username" /><br>
 			password <input type="password" name="password"/><br>
 			<input type="submit" value="login"/> 
-			
+		 </form>
 		<!-- post请求提交的数据不会显示在浏览器的地址栏上，密码别人看不到。 -->
 		<!-- http://local:8080/oa/login 这里边不会显示 name=value等属性，安全-->
 		<form action="http://local:8080/oa/login" method="post">

diff --git a/src/html/form表单1/下拉菜单支持多选条目.html b/src/html/form表单1/下拉菜单支持多选条目.html
@@ -21,5 +21,6 @@
 			<option value ="5">--湖北省--</option>
 			<option value ="6">--湖南省--</option>
 		</select>
+
 	</body>
 </html>
diff --git a/src/html/form表单1/例子 _注册表单.html b/src/html/form表单1/例子 _注册表单.html
@@ -16,11 +16,11 @@
 		<form action="http://localhost:8080/oa/register" method="get">
 
 			<!-- 对于文本框来说，value是不需要程序员指定的。用户会自动填写。 -->
-			用户名 <input type="text" name="username" id="" value=""/>
+			用户名 <input type="text" name="username" value=""/>
 			<br>
 
 			<!-- 密码框的value也是用户填写的 。-->
-			密码 <input type="password" name="password" id="" value="" />
+			密码 <input type="password" name="password"  value="" />
 			<br>
 
 			性别 
@@ -77,3 +77,4 @@
 
 <!-- 这个就是查询是在浏览器的地址栏输入的信息 格式由W3C进行规范的 -->
 <!-- http://localhost:8080/oa/register?username=zhangsan&password=123&sex=1&grade=1&aihao=smoke&aihao=drink&jianjie=zhangsan+googman -->
+
diff --git a/src/html/html笔记.md b/src/html/html笔记.md
@@ -1,19 +1,20 @@
 
 ## 1. 当前的系统结构有哪些？
 
-<!DOCTYPE html>是html5标准网页声明,全称为Document Type HyperText Mark-up Language，
+`<!DOCTYPE html>`是html5标准网页声明,全称为Document Type HyperText Mark-up Language，
 意思为文档种类为超文本标记性语言或超文本链接标示语言，现在是这个简洁形式，
 支持html5标准的主流浏览器都认识这个声明。
-<html lang="en">
+`<html lang="en">`
 
 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，
 语言的意思，而“en”即表示english。
 你的页面如果是中文页面，可将其改为
-<html lang="zh">
+`<html lang="zh">`
 
+```
 <meta charset="utf-8"> 
 <!--html标签中的meta charset="utf-8" 的作用首先来说明一下“utf-8”是一种字符编码。-->
-
+```
 在html中可以省略头部标签，只写身体
 
 存在两种结构 ：
@@ -77,9 +78,10 @@ Hyper Text Markup Language ：超文本标记语言。
 标记语言 ：标记语言一般都是由一对一对的标签组成。
 
 成对出现 ：
-> <html></html>
 
-以上就是HTML的跟标签。
+`<html> </html>`
+
+以上就是HTML的根标签。
 
 HTML中大部分的标签都是由开始标签和结束标签组成的，都是成对出现的。
 
@@ -185,7 +187,7 @@ W3C组织是对网络标准制定的一个非盈利组织，W3C是World Wide Web
 
 tim berners-lee 万维网联盟创始人（万维网之父）。
 
-以为有了他才有了现如今的互联网时代，他让我们可以上网了。
+因为有了他才有了现如今的互联网时代，他让我们可以上网了。
 
 HTTP协议：超文本传输协议，也是w3c制定的。
 

diff --git a/src/html/meta标签/meta标签用法.html b/src/html/meta标签/meta标签用法.html
@@ -0,0 +1,40 @@
+<!--
+  ~ Copyright (c) 2021/9/24 下午2:21 @程云博 <2484720940@qq.com> All Rights Reserved
+  -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <!--
+
+        读音：mai ta
+
+        meta主要用于设置网页中的一些元数据，元数据不是给用户看的。
+          charset 指定网页的编码的字符集
+          name 指定的数的名称
+          content 指定数据的内容
+
+          keywords 表示该网站的关键字 这个的作用就是当用户在百度或者其他搜索引擎上
+                    输入手机、笔记本关键字的时候，可能就会搜到这个网站。
+          name 表示给这个网站设定的关键字。可以设定多个，中间使用逗号隔开。
+
+          description 代表在网页上(百度或者谷歌)上显示的对该网页的简介。
+
+          title标签用于在百度上显示该网页的标题(这个标题是这个网页的超链接)
+
+
+    -->
+    <meta name="keywords" content="网上购物,手机,笔记本">
+    <meta name="description" content="这是一个非常优秀的购物网站">
+
+    <!--
+        以下的mate是设置自动跳转其他网页的，3代表的是3秒，url代表的是跳转的地址。
+        <meta http-equiv="refresh" content="3;url=http://www.baidu.com>
+    -->
+    <meta charset="UTF-8">
+    <title>meta标签</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/src/html/块元素和行内元素/块元素和行内元素.html b/src/html/块元素和行内元素/块元素和行内元素.html
@@ -0,0 +1,33 @@
+<!--
+  ~ Copyright (c) 2021/9/24 下午4:25 @程云博 <2484720940@qq.com> All Rights Reserved
+  -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>块元素和行内元素</title>
+</head>
+<body>
+    <!--
+        块元素（block element）
+        - 在网页中一般通过块级元素来对网页进行布局。
+
+        行内元素（inline element）;
+        - 行内元素一般用来包裹文字
+
+        一般在块元素中放行内元素 而不在行内元素中放块元素
+        块元素中也可以放块元素 比如 div嵌套div
+        但是p元素中不可以放任何的块元素。
+
+        网页中F12的元素显示出来的代码就是内存中实际存在的代码
+        在html中存在自动修复的过程 即如果将代码写到html外边  、p标签里边嵌套h标签
+        这些对于html是不合法的，
+        但是这些依然可以在网页上显示内容
+        是因为在html中存在自动修复的过程
+        html会将html外的代码拿到html中，也会将p标签中的h标签拿出来显示
+
+       如果早html外又创建了一个子标签，此时不会报错，浏览器会帮我们将这个标签放到HTML标签中。
+    -->
+</body>
+</html>
diff --git a/src/html/实体符号/实体符号.html b/src/html/实体符号/实体符号.html
@@ -0,0 +1,26 @@
+<!--
+  ~ Copyright (c) 2021/9/24 下午2:22 @程云博 <2484720940@qq.com> All Rights Reserved
+  -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>实体符号</title>
+</head>
+<body>
+    <!--
+        在HTML存在许多的实体符号，比如 < > @ 这些符号无法在网页中显示出来，此时需要使用实体符号
+        >  &gt;  < &lt;  @ &copy;
+
+        注意：这些实体符是通用的，不仅可以在HTML中使用，还可以在Java、jsp。甚至在markdown中也可以通用。
+
+        注意：如果只是写一个< > 或者空格的话 不使用实体符号也可以的
+
+        注意：在网页中编写的多个空格默认情况下会自动被浏览器解析为一个空格。
+    -->
+
+    a>b <!--这样写在网页中是可以显示出来>号的-->
+
+</body>
+</html>
diff --git a/src/html/背景图片/图片元素.html b/src/html/背景图片/图片元素.html
@@ -24,6 +24,5 @@
 
 		<!-- alt用来设置当图片加载失败的时候的提示信息 -->
 		<img src="图片1.jpg" alt="图片找不到了呦！" >
-
 	</body>
 </html>
diff --git a/src/html/背景图片/背景颜色和背景图片.html b/src/html/背景图片/背景颜色和背景图片.html
@@ -8,7 +8,7 @@
 	<!-- <body bgcolor="red"> -->
 
 	<!-- body标签的background属性指定背景图片 -->
-	<body background="./背景图片.jpg">
+	<body background="背景图片.jpg">
 
 	</body>
 </html>
diff --git a/src/html/语义化标签/语义化标签.html b/src/html/语义化标签/语义化标签.html
@@ -0,0 +1,46 @@
+<!--
+  ~ Copyright (c) 2021/9/24 下午4:02 @程云博 <2484720940@qq.com> All Rights Reserved
+  -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>语义化标签</title>
+</head>
+<body>
+    <!--
+        <h></h>属于块级元素
+        <p></p>
+        在页面中只要独占一行的元素都叫块级元素（block element）
+
+        在页面中不会独占一行的称为行内元素（inline element）
+
+        <hgroup></hgroup> 标签用来为标签分组，可以将一组相关的标题放到一个hgroup中。
+        注意：是一组相关的标签
+    -->
+    <hgroup>
+        <h1>水果</h1>
+        <h2>葡萄</h2>
+    </hgroup>
+
+    <!--
+        <blockquote> 代表的长引用，这个时候在页面显示的话会首行缩进。
+        <blockquote> 也是独占一行，属于块级元素。
+    -->
+    程云博说：
+    <blockquote>
+        朝圣的路上我们坚持自己的道！
+    </blockquote>
+
+    <!--
+        <q></q> 代表短引用，这个时候不会独占一行，在文内进行引用。
+        <q> 是行内元素，不会独占一行。
+
+        即使这里换行了，但是只不过是在冒号后面多加了一个空格，因为在HTML编码中，
+        多个空格会被看做一个空格。
+    -->
+    孔子说：
+    <q>学而不思则罔，思而不学则殆。</q>
+</body>
+</html>
diff --git a/w3c盒子模型.png b/w3c盒子模型.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,7 +13,7 @@ @@
     		-->
     		<div style="width: 200px; height: 200px; background-color: #FF00FF;"></div>
     	</body>
     </html>