2 weeks ago · a097828f98
--- a/.DS_Store
+++ b/.DS_Store
--- a/1-html/111.jpeg
+++ b/1-html/111.jpeg
--- a/1-html/1_helloworld.html
+++ b/1-html/1_helloworld.html
@@ -0,0 +1,21 @@
 
				+<!-- 版本声明  html5 -->
			
 
				+<!DOCTYPE html>
			
 
				+<!-- 语言声明 -->
			
 
				+ <!-- html标签名  “lang”属性名 “en”属性值   -->
			
 
				+  <!-- html也称之为根标签 -->
			
 
				+<html lang="en">
			
 
				+<!-- 头部标签 用作于设置页面   -->
			
 
				+<head>
			
 
				+    <!-- meta标签 用作于设置页面的字符集 -->
			
 
				+    <!-- “charset”属性名 “UTF-8”属性值 -->
			
 
				+    <meta charset="UTF-8">
			
 
				+    <!-- 做移动端适配 -->
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <!-- 页面标签名称 -->
			
 
				+    <title>我的网页</title>
			
 
				+</head>
			
 
				+<!-- body主体标签 用作于显示内容 -->
			
 
				+<body>
			
 
				+    hello world!
			
 
				+</body>
			
 
				+</html>
			
--- a/1-html/2_常用标签.html
+++ b/1-html/2_常用标签.html
@@ -0,0 +1,19 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <!-- div 页面布局当中最常用的容器 -->
			
 
				+    <div>hello</div>
			
 
				+    <div>
			
 
				+        <!-- 标签可以实现嵌套 -->
			
 
				+        <div></div>
			
 
				+        <div></div>
			
 
				+    </div>
			
 
				+    <div></div>
			
 
				+    <div></div>
			
 
				+</body>
			
 
				+</html>
			
--- a/1-html/3_常用内容标签.html
+++ b/1-html/3_常用内容标签.html
@@ -0,0 +1,62 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <!-- h1 标题标签 放大加粗文字 -->
			
 
				+    <!-- h1-h6 代表标题的等级  h1最大 h6最小 -->
			
 
				+    <h1>hello world</h1>
			
 
				+    <h2>hello world</h2>
			
 
				+    <h3>hello world</h3>
			
 
				+    <h4>hello world</h4>
			
 
				+    <h5>hello world</h5>
			
 
				+    <h6>hello world</h6>
			
 
				+
			
 
				+    <!-- p 段落标签  用作于显示段落内容 不是在同一行展示 有换行效果 -->
			
 
				+    <p>hello world</p>
			
 
				+    <div>
			
 
				+        HTML 教程- <p>(HTML5 标准)</p>
			
 
				+    </div>
			
 
				+    <!-- span 单行的文本内容 -->
			
 
				+    <span>hello world</span>
			
 
				+    <div>
			
 
				+        HTML 教程- <span style="color: green;">(HTML5 标准)</span>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 文字内容其他样式 -->
			
 
				+    <i>hello wrold</i>
			
 
				+    <b>hello world</b>
			
 
				+    <u>hello world</u>
			
 
				+
			
 
				+
			
 
				+    <!-- 列表 -->
			
 
				+    <!-- ul 无序列表 -->
			
 
				+    <ul>
			
 
				+        <li>列表项目一</li>
			
 
				+        <li>列表项目二</li>
			
 
				+        <li>列表项目三</li>
			
 
				+    </ul>
			
 
				+    <!-- ol 有序列表 -->
			
 
				+    <ol>
			
 
				+        <li>列表项目一</li>
			
 
				+        <li>列表项目二</li>
			
 
				+        <li>列表项目三</li>
			
 
				+    </ol>
			
 
				+    <!-- dl 定义列表 -->
			
 
				+    <dl>
			
 
				+        <dt>列表项目一</dt>
			
 
				+        <dd>列表项目一</dd>
			
 
				+        <dt>列表项目二</dt>
			
 
				+        <dd>列表项目二</dd>
			
 
				+        <dt>列表项目三</dt>
			
 
				+        <dd>列表项目三</dd>
			
 
				+    </dl>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/1-html/4_功能标签.html
+++ b/1-html/4_功能标签.html
@@ -0,0 +1,15 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <!-- img 用作展示图片 url图片地址参数 -->
			
 
				+    <img src="./111.jpeg" width="200" height="400" alt="图片" />
			
 
				+
			
 
				+    <!-- a 超链接标签  href属性名  用作于跳转到其他页面 target跳转属性 _blank代表新页面中打开 -->
			
 
				+     <a href="https://www.baidu.com" target="_blank">百度</a>
			
 
				+</body>
			
 
				+</html>
			
--- a/1-html/5_实体字符.html
+++ b/1-html/5_实体字符.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <!-- 实体字符 -->
			
 
				+    hello &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; world!
			
 
				+
			
 
				+    <!-- 10<20  -->
			
 
				+     10&lt;20
			
 
				+
			
 
				+     a&#768;
			
 
				+</body>
			
 
				+</html>
			
--- a/1-html/6_标签嵌套.html
+++ b/1-html/6_标签嵌套.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div>
			
 
				+        <div>hello world</div>
			
 
				+    </div>
			
 
				+
			
 
				+    <p>
			
 
				+        <div>hello</div>
			
 
				+    </p>
			
 
				+</body>
			
 
				+</html>