1 неделя назад · 50e1b0fe18
--- a/6_HTML5/1_新增input.html
+++ b/6_HTML5/1_新增input.html
@@ -0,0 +1,35 @@
 
															+<!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>
														
 
															+    <!-- 新增input类型 -->
														
 
															+     <!-- 日期选择器 -->
														
 
															+     <input type="date">
														
 
															+     <!-- 时间选择器 -->
														
 
															+     <input type="time">
														
 
															+     <!-- 日期时间选择器 -->
														
 
															+     <input type="datetime-local">
														
 
															+
														
 
															+     <!-- 颜色选择器 -->
														
 
															+     <input type="color">
														
 
															+     <!-- 数字输入框  最小值 最大值 步长 -->
														
 
															+     <input type="number" min="0" max="10" step="2">
														
 
															+     <!-- range输入框  最小值 最大值 步长 -->
														
 
															+     <input type="range" min="0" max="10" step="2">
														
 
															+     <!-- email输入框  验证邮箱格式 -->
														
 
															+     <!-- <input type="email"> -->
														
 
															+
														
 
															+     <!-- from 表单提交 -->
														
 
															+     <form action="xxx.com">
														
 
															+        <input type="text" name="username" placeholder="请输入用户名">
														
 
															+        <input type="email" name="email" placeholder="请输入邮箱">
														
 
															+        <!-- submit提交按钮 -->
														
 
															+        <input type="submit" value="提交">
														
 
															+     </form> 
														
 
															+     
														
 
															+</body>
														
 
															+</html>
														
--- a/6_HTML5/2_语义化标签.html
+++ b/6_HTML5/2_语义化标签.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 class="container">
														
 
															+        <header>头部内容</header>
														
 
															+        <nav>导航栏内容</nav>
														
 
															+        <main>主体内容</main>
														
 
															+        <footer>页脚内容</footer>
														
 
															+    </div>
														
 
															+</body>
														
 
															+</html>