fengchuanyu 3 hafta önce
ebeveyn
işleme
e6c853e86c
4 değiştirilmiş dosya ile 86 ekleme ve 0 silme
  1. BIN
      .DS_Store
  2. 3 0
      1_HTML/2_文本标签.html
  3. 38 0
      1_HTML/6_表单元素.html
  4. 45 0
      1_HTML/7_表格.html

BIN
.DS_Store


+ 3 - 0
1_HTML/2_文本标签.html

@@ -24,5 +24,8 @@
     <!-- del 行内元素 删除线 -->
     <p>我是一个段落 <del>这是一个删除线</del> </p>
 
+
+    
+
 </body>
 </html>

+ 38 - 0
1_HTML/6_表单元素.html

@@ -0,0 +1,38 @@
+<!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 type="text">
+    <!-- 密码输入框 -->
+    <input type="password">
+    <!-- 单选框 会根据name属性值来分组 -->
+    <input type="radio" name="gender">男
+    <input type="radio" name="gender">女
+    <!-- 复选框 会根据name属性值来分组 -->
+    <input type="checkbox" name="hobby">篮球
+    <input type="checkbox" name="hobby">足球
+    <input type="checkbox" name="hobby">排球
+    <!-- 下拉列表 -->
+    <select>
+        <option>黑龙江</option>
+        <option>吉林</option>
+        <option>辽宁</option>
+    </select> 
+    <!-- 多行文本输入框 文本域 rows 代表输入的行数 cols 代表输入的列数 -->
+    <textarea rows="6" cols="30"></textarea>
+    <!-- 按钮 -->
+    <input type="button" value="按钮"> 
+    <button>按钮</button>
+
+
+</body>
+
+</html>

+ 45 - 0
1_HTML/7_表格.html

@@ -0,0 +1,45 @@
+<!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>
+    <!-- 表格 -->
+    <table border="1" cellspacing="0">
+        <!-- 表头 -->
+        <thead>
+            <!-- 行 -->
+            <tr>
+                <!-- 表头单元格  -->
+                <th>姓名</th>
+                <th>年龄</th>
+                <th>性别</th>
+            </tr>
+        </thead> 
+        <!-- 表身 -->
+        <tbody>
+            <!-- 行 -->
+            <tr>
+                <!-- 表身单元格 -->
+                <td>张三</td> 
+                <!-- colspan 合并列 后边的值是合并的列数 -->
+                <td colspan="2">-</td>
+                
+            </tr>
+            <tr>
+                <td>李四</td>
+                <!-- 行合并 后边的值是合并的行数 -->
+                <td rowspan="2">19</td>
+                <td>女</td>
+            </tr> 
+            <tr>
+                <td>王五</td>
+                
+                <td>男</td>
+            </tr>
+        </tbody> 
+    </table>
+</body>
+</html>