1 月之前 · 530ab4bd9a
--- a/1_HTML/2_文本标签.html
+++ b/1_HTML/2_文本标签.html
@@ -0,0 +1,28 @@
 
				+<!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~h6 -->
			
 
				+    <h1>这里是一个一级标题</h1>
			
 
				+    <h2>这里是一个二级标题</h2>
			
 
				+    <h3>这里是一个三级标题</h3>
			
 
				+
			
 
				+    <!-- 段落文本 p -->
			
 
				+    <p>这里是一个段落</p>
			
 
				+    <p>这里是第二个段落</p>
			
 
				+
			
 
				+    <!-- span 行内元素（元素就是标签） -->
			
 
				+    <p>超文本标记<span>语言</span>（英语：HyperText Markup Language，简称：HTML）</p> 
			
 
				+    <!-- i 行内元素 斜体 -->
			
 
				+    <p>我是一个段落<i>这是倾斜字体</i></p>
			
 
				+    <!-- b 行内元素 加粗 -->
			
 
				+    <p>我是一个段落<b>这是一个加粗字体</b></p>
			
 
				+    <!-- del 行内元素 删除线 -->
			
 
				+    <p>我是一个段落 <del>这是一个删除线</del> </p>
			
 
				+
			
 
				+</body>
			
 
				+</html>
			
--- a/1_HTML/3_图片标签.html
+++ b/1_HTML/3_图片标签.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>
			
 
				+    <!-- 图片标签 img -->
			
 
				+    <!-- src 属性 图片路径 -->
			
 
				+    <!-- alt 属性 图片描述 当图片加载失败的时候会显示 -->
			
 
				+    <!-- width 属性 图片宽度 -->
			
 
				+    <!-- height 属性 图片高度 -->
			
 
				+    <!-- 如果只设置宽度或者高度 另一个属性会等比例缩放 -->
			
 
				+    <img src="./bdlogo.png" alt="这是一张图片" width="100" height="200">
			
 
				+</body>
			
 
				+</html>
			
--- a/1_HTML/4_超连接.html
+++ b/1_HTML/4_超连接.html
@@ -0,0 +1,14 @@
 
				+<!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>
			
 
				+    <!-- 超链接标签 a -->
			
 
				+    <!-- href 属性 超链接地址 且是完整地址 -->
			
 
				+    <!-- target 属性 超链接打开方式 _blank 新窗口打开 _self(默认效果) 当前窗口打开 -->
			
 
				+    <a href="https://www.baidu.com" target="_blank">百度</a>
			
 
				+</body>
			
 
				+</html>
			
--- a/1_HTML/5_列表.html
+++ b/1_HTML/5_列表.html
@@ -0,0 +1,31 @@
 
				+<!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>
			
 
				+    <!-- 列表 成组出现的 -->
			
 
				+    <!-- ol 有序列表  -->
			
 
				+    <!--列表内部是每一个列表项 使用li标签 允许写多个 -->
			
 
				+    <ol>
			
 
				+        <li>有序列表项1</li>
			
 
				+        <li>有序列表项2</li>
			
 
				+        <li>有序列表项3</li>
			
 
				+        <li>有序列表项4</li>
			
 
				+        <li>有序列表项5</li>
			
 
				+    </ol>
			
 
				+    <!-- ul 无序列表 -->
			
 
				+    <!-- 无序列表 与 有序列表 除了列表名称不同其他写法都一样 -->
			
 
				+    <!-- 有序列表默认是数字 -->
			
 
				+    <!-- 无序列表默认是圆点 -->
			
 
				+    <ul>
			
 
				+        <li>无序列表项1</li>
			
 
				+        <li>无序列表项2</li>
			
 
				+        <li>无序列表项3</li>
			
 
				+        <li>无序列表项4</li>
			
 
				+        <li>无序列表项5</li>
			
 
				+    </ul>
			
 
				+</body>
			
 
				+</html>
			
--- a/1_HTML/bdlogo.png
+++ b/1_HTML/bdlogo.png