Home Explore Help
Sign In
qw
/
soilgd
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

更新练习素材

lhf 1 week ago
parent
410998fa94
commit
d3f423b1e6
9 changed files with 793 additions and 8 deletions
Split View Show Diff Stats
  1. BIN
      前端/html/图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4
  2. BIN
      前端/html/图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4
  3. 5 8
      前端/html/注册页面.html
  4. 127 0
      前端/html/练习2.html
  5. 125 0
      前端/html/练习3.html
  6. 138 0
      前端/html/练习4.html
  7. 127 0
      前端/html/练习5.html
  8. 138 0
      前端/html/练习6.html
  9. 133 0
      前端/html/训练.html

BIN
前端/html/图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4
View File


BIN
前端/html/图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4
View File


+ 5 - 8
前端/html/注册页面.html
View File 

@@ -11,8 +11,8 @@
 
       <tr>
 
         <td>性别：</td>
 
         <td>
 
-          <input type="radio" name="sex" id="nan" /> <label for="nan"><img src="./图片/头像 男孩.png" alt="男" width="35px" />男</label>
 
-          <input type="radio" name="sex" id="nv" /> <label for="nv"><img src="./图片/头像 女孩.png" alt="女" width="35px" />女</label>
 
+          <input type="radio" name="sexs" id="nan" /> <label for="nan"><img src="./图片/头像 男孩.png" alt="男" width="35px" />男</label>
 
+          <input type="radio" name="sexs" id="nv" /> <label for="nv"><img src="./图片/头像 女孩.png" alt="女" width="35px" />女</label>
 
         </td>
 
       </tr>
 
       <tr>
 
@@ -44,7 +44,7 @@
 
       <tr>
 
         <td>所在地区：</td>
 
         <td>
 
-          <input type="text" value="北京"> 
+          <input type="text" value="北京">
 
         </td>
 
       </tr>
 
       <tr>
 
@@ -64,7 +64,7 @@
 
       <tr>
 
         <td>喜欢的类型：</td>
 
         <td>
 
-          <input type="radio" name="sex" id="Alluring" checked="checked"> <label for="Alluring">妩媚的</label>
 
+          <input type="radio" name="sex" id="Alluring"  checked="checked"> <label for="Alluring">妩媚的</label>
 
           <input type="radio" name="sex" id="Cute"> <label for="Cute">可爱的</label>
 
           <input type="radio" name="sex" id="Pretty boys"> <label for="Pretty boys">小鲜肉</label>
 
           <input type="radio" name="sex" id="Older but still charming men"> <label for="Older but still charming men">老腊肉</label>
 
@@ -81,7 +81,7 @@
 
         <td></td>
 
         <td>
 
             <input type="submit" value="免费注册">
 
-            <input type="reset" value="重置注册">
 
+            <input type="reset" value="重置按钮"></input>
 
         </td>
 
       </tr>
 
       <tr>
 
@@ -107,9 +107,6 @@
 
           </ul>
 
         </td>
 
       </tr>
 
-      <div>
 
-        <frame>
 
-      </div>
 
     </table>
 
   </body>
 
 </html>

+ 127 - 0
前端/html/练习2.html
View File 

@@ -0,0 +1,127 @@
 
+<!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>
 
+    <h2>青春不常在，抓紧谈恋爱</h2>
 
+    <table width="500">
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" name="sexs" id="nan"><label for="nan"><img src="./图片/头像 女孩.png" alt="女"
 
+                        width="35px">女</label>
 
+                <input type="radio" name="sexs" id="nv"><label for="nv"><img src="./图片//头像 男孩.png" alt="男"
 
+                        width="35px">男</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select name="" id="">
 
+                    <option value="">--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" value="北京">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="marry" id="Single" checked><label for="Single">未婚</label>
 
+                <input type="radio" name="marry" id="Married"><label for="Married">己婚</label>
 
+                <input type="radio" name="marry" id="Divorced"><label for="Divorced">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" value="幼儿园">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="sex" id="Alluring" checked><label for="Alluring">妩媚的</label>
 
+                <input type="radio" name="sex" id="Cute"><label for="Cute">可爱的</label>
 
+                <input type="radio" name="sex" id="Pretty boys"><label for="Pretty boys">小鲜肉</label>
 
+                <input type="radio" name="sex" id="Older but still charming men"><labelfor="Older but still charming men">老腊肉</labelfor=>
 
+                <input type="radio" name="sex" id="Like all of them"><label for="Like all of them">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+                <textarea name="" id="">个人简介</textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" placeholder="免费注册" value="免费注册">
 
+                <input type="reset" placeholder="重置按钮" value="重置按钮">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" checked>我同意注册条款和会员加入标准
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <h4>我承诺</h4>
 
+                <ul>
 
+                    <li>年满18岁、单身</li>
 
+                    <li>抱着严肃的态度</li>
 
+                    <li>真诚寻找另一半</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+    <h2>登录</h2>
 
+    <label for="username">用户名：
 
+        <input id="username" type="text" placeholder="请输入用户名">
 
+    </label>
 
+    <br>
 
+    <label for="password">密码：
 
+        <input id="password" type="password" placeholder="请输入密码">
 
+    </label>
 
+    <br>
 
+    <input type="submit" value="登录">
 
+</body>
 
+
 
+</html>

+ 125 - 0
前端/html/练习3.html
View File 

@@ -0,0 +1,125 @@
 
+<!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 width="500">
 
+        <h2>青春不常在，抓紧谈恋爱</h2>
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" name="sexs" id="nan"><label for="nan"><img src="./图片/头像 男孩.png" alt="男"width="35px">男</label>
 
+                <input type="radio" name="sexs" id="nv"><label for="nv"><img src="./图片/头像 女孩.png" alt="女"width="35px">女</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select name="" id="">
 
+                    <option>--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option>--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option>--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" value="北京">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="marital_status" id="unmarried" checked><label for="unmarried">未婚</label>
 
+                <input type="radio" name="marital_status" id="married"><label for="married">己婚</label>
 
+                <input type="radio" name="marital_status" id="divorced"><label for="divorced">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" value="幼儿园">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="interests" id="charming"><label for="charming">妩媚的</label>
 
+                <input type="radio" name="interests" id="cute" checked><label for="cute">可爱的</label>
 
+                <input type="radio" name="interests" id="freshTalent"><label for="freshTalent">小鲜肉</label>
 
+                <input type="radio" name="interests" id="seasonedExpert"><label for="seasonedExpert">老腊肉</label>
 
+                <input type="radio" name="interests" id="allFavorites"><label for="allFavorites">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+                <textarea name="" id="">个人简介</textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" value="免费注册">
 
+                <input type="reset" value="重置按钮">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" checked>我同意注册条款和会员加入标准
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <h4>我承诺</h4>
 
+                <ul>
 
+                    <li>年满18岁、单身</li>
 
+                    <li>抱着严肃的态度</li>
 
+                    <li>真诚寻找另一半</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+    <div>
 
+        <h1>登录</h1>
 
+        <form action="/submit" method="post">
 
+            <label for="username">用户名：</label>
 
+            <input type="text" id="username" name="username" placeholder="用户名"><br><br>
 
+            <label for="password">密码：</label>
 
+            <input type="password" id="password" name="password" placeholder="密码"><br><br>
 
+            <input type="submit" value="登录">
 
+        </form>
 
+    </div>
 
+</body>
 
+
 
+</html>

+ 138 - 0
前端/html/练习4.html
View File 

@@ -0,0 +1,138 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <style>
 
+
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <table width="500">
 
+        <h2>青春不常在，抓紧谈恋爱</h2>
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" name="sexs" id="nan"><label for="nan"><img src="./图片/头像 男孩.png" alt="男"
 
+                        width="34PX">男</label>
 
+                <input type="radio" name="sexs" id="nv"><label for="nv"><img src="./图片/头像 女孩.png" alt="女"
 
+                        width="34PX">女</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" value="北京">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="marital_status" id="unmarried" checked><label for="unmarried">未婚</label>
 
+                <input type="radio" name="marital_status" id="married"><label for="married">己婚</label>
 
+                <input type="radio" name="marital_status" id="divorced"><label for="divorced">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" value="本科">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="interests" id="charming" checked><label for="charming">妩媚的</label>
 
+                <input type="radio" name="interests" id="cute"><label for="cute">可爱的</label>
 
+                <input type="radio" name="interests" id="freshTalent"><label for="freshTalent">小鲜肉</label>
 
+                <input type="radio" name="interests" id="seasonedExpert"><label for="seasonedExpert">老腊肉</label>
 
+                <input type="radio" name="interests" id="allFavorites"><label for="allFavorites">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+                <textarea name="" id="">个人简介</textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" value="提交">
 
+                <input type="reset" value="重置">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" id="id" checked><label for="id">我同意注册条款和会员加入标准</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <h4>我承诺</h4>
 
+                <ul>
 
+                    <li>年满18岁、单身</li>
 
+                    <li>抱着严肃的态度</li>
 
+                    <li>真诚寻找另一半</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+    <div width="90px">
 
+        <audio src="./图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4" loop controls></audio><br>
 
+        <video src="./图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4" loop controls width="400"></video>
 
+        <img src="./图片/头像 男孩.png" alt="男" width="34PX">
 
+    </div>
 
+
 
+    <div>
 
+        <h2>登录管理</h2>
 
+        <form action="/submit" method="post">
 
+            <label for="name">用户名</label>
 
+            <input type="text" id="name" placeholder="请输入用户名">
 
+            <br>
 
+            <label for="password">密码</label>
 
+            <input type="text" id="password" placeholder="请输入密码">
 
+            <br>
 
+            <input type="submit" value="登录">
 
+        </form>
 
+    </div>
 
+</body>
 
+
 
+</html>

+ 127 - 0
前端/html/练习5.html
View File 

@@ -0,0 +1,127 @@
 
+<!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 width="500">
 
+        <h2>青春不常在，抓紧谈恋爱</h2>
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" name="sexs" id="nan"><label for="nan"><img src="./图片/头像 男孩.png" alt="" width="34PX">男</label>
 
+                <input type="radio" name="sexs" id="nv"><label for="nv"><img src="./图片/头像 女孩.png" alt="" width="34PX">女</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" value="12" placeholder="请输入所在地区">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="marital_status" id="unmarried"><label for="unmarried">未婚</label>
 
+                <input type="radio" name="marital_status" id="married"><label for="married">己婚</label>
 
+                <input type="radio" name="marital_status" id="divorced"><label for="divorced">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" placeholder="请输入学历">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="interests" id="charming" checked><label for="charming">妩媚的</label>
 
+                <input type="radio" name="interests" id="cute"><label for="cute">可爱的</label>
 
+                <input type="radio" name="interests" id="freshTalent"><label for="freshTalent">小鲜肉</label>
 
+                <input type="radio" name="interests" id="seasonedExpert"><label for="seasonedExpert">老腊肉</label>
 
+                <input type="radio" name="interests" id="allFavorites"><label for="allFavorites">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+            <textarea name="" id="" placeholder="个人简介"></textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" value="提交">
 
+                <input type="reset" value="重置">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" checked id="id"><label for="id">我同意注册条款和会员加入标准</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <h4>我承诺</h4>
 
+                <ul>
 
+                    <li>年满18岁、单身</li>
 
+                    <li>抱着严肃的态度</li>
 
+                    <li>真诚寻找另一半</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+    <div width="90px">
 
+        <audio src="./图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4" controls autoplay loop></audio><br>
 
+        <video src="./图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4" controls autoplay width="500px"></video>
 
+    </div>
 
+    <div>
 
+        <H3>登录管理</H3>
 
+        <form action="" method="">
 
+            <label for="name">用户名</label>
 
+            <input type="text" id="name" placeholder="请输入用户名"><br>
 
+            <label for="password">密码</label>
 
+            <input type="password" id="password" placeholder="请输入密码"><br>
 
+            <input type="submit" value="登录">
 
+        </form>
 
+    </div>
 
+</body>
 
+</html>

+ 138 - 0
前端/html/练习6.html
View File 

@@ -0,0 +1,138 @@
 
+<!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 width="500">
 
+        <h2>青春不常在，抓紧谈恋爱</h2>
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" id="nan" name="sexs" />
 
+                <label for="nan">
 
+                    <img src="./图片/头像 男孩.png" alt="男" width="34px" />男
 
+                </label>
 
+                <input type="radio" id="nv" name="sexs" />
 
+                <label for="nv">
 
+                    <img src="./图片/头像 女孩.png" alt="女" width="34px" />女
 
+                </label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select name="" id="">
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" placeholder="北京" />
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="marital_status" id="unmarried"><label for="unmarried">未婚</label>
 
+                <input type="radio" name="marital_status" id="married"><label for="married">己婚</label>
 
+                <input type="radio" name="marital_status" id="divorced"><label for="divorced">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" placeholder="本科" />
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="interests" id="charming" checked><label for="charming">妩媚的</label>
 
+                <input type="radio" name="interests" id="cute"><label for="cute">可爱的</label>
 
+                <input type="radio" name="interests" id="freshTalent"><label for="freshTalent">小鲜肉</label>
 
+                <input type="radio" name="interests" id="seasonedExpert"><label for="seasonedExpert">老腊肉</label>
 
+                <input type="radio" name="interests" id="allFavorites"><label for="allFavorites">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+                <textarea name="" id="" placeholder="个人简介"></textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" value="提交" />
 
+                <input type="reset" value="重置" />
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" checked id="id" /><label for="id">我同意注册条款和会员加入标准</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#" style="text-decoration: none;">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <h4>我承诺</h4>
 
+                <ul>
 
+                    <li>年满18岁、单身</li>
 
+                    <li>抱着严肃的态度</li>
 
+                    <li>真诚寻找另一半</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+    <div>
 
+        <audio src="./图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4" controls></audio>
 
+        <br>
 
+        <video src="./图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4" controls width="500px"></video>
 
+    </div>
 
+    <div style="width: 500px">
 
+        <h2 style="text-align: center;">登录管理</h2>
 
+        <form action="">
 
+            <label for="name">用户：</label>
 
+            <input type="text" id="name" placeholder="请输入用户名">
 
+            <br>
 
+            <label for="password">密码：</label>
 
+            <input type="password" id="password" placeholder="请输入密码">
 
+            <br>
 
+            <input type="submit" value="登录">
 
+        </form>
 
+    </div>
 
+</body>
 
+
 
+</html>

+ 133 - 0
前端/html/训练.html
View File 

@@ -0,0 +1,133 @@
 
+<!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>
 
+    <h2>青春不常在，抓紧谈恋爱</h2>
 
+    <table width="500">
 
+        <tr>
 
+            <td>性别：</td>
 
+            <td>
 
+                <input type="radio" name="qwe" id="qw"><label for="qw"><img src="./图片/头像 女孩.png" alt="12"
 
+                        width="35px">女孩</label>
 
+                <input type="radio" name="qwe" id="qws"><label for="qws"><img src="./图片//头像 男孩.png" alt="12"
 
+                        width="35px">男孩</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>生日：</td>
 
+            <td>
 
+                <select>
 
+                    <option value="">--请选择年--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select>
 
+                    <option value="">--请选择月--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+                <select>
 
+                    <option value="">--请选择日--</option>
 
+                    <option>山东</option>
 
+                    <option>北京</option>
 
+                    <option>天津</option>
 
+                    <option>火星</option>
 
+                </select>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>所在地区：</td>
 
+            <td>
 
+                <input type="text" value="北京">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>婚姻状态：</td>
 
+            <td>
 
+                <input type="radio" name="qweq" id="as"><label for="as">已婚</label>
 
+                <input type="radio" name="qweq" id="ads" checked="checked"><label for="ads">未婚</label>
 
+                <input type="radio" name="qweq" id="qwsr"><label for="qwsr">离婚</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>学历：</td>
 
+            <td>
 
+                <input type="text" value="幼儿园">
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>喜欢的类型：</td>
 
+            <td>
 
+                <input type="radio" name="sex" id="Alluring" checked><label for="Alluring">妩媚的</label>
 
+                <input type="radio" name="sex" id="Cute"><label for="Cute">可爱的</label>
 
+                <input type="radio" name="sex" id="Pretty boys"><label for="Pretty boys">小鲜肉</label>
 
+                <input type="radio" name="sex" id="Older but still charming men"><labelfor="Older but still charming men">老腊肉</labelfor=>
 
+                <input type="radio" name="sex" id="Like all of them"><label for="Like all of them">都喜欢</label>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>个人介绍：</td>
 
+            <td>
 
+                <textarea name="" id="">个人简介</textarea>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="submit" value="免费注册"></input>
 
+                <input type="reset" value="重置按钮"></input>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <input type="checkbox" checked="checkbox">我同意注册条款和会员加入标准
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <a href="#">我是会员，立即登录</a>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td>登录管理：</td>
 
+            <td>
 
+                <form id="loginForm" onsubmit="return handleLogin()">
 
+                    <label for="username">用户名：</label>
 
+                    <input type="text" id="username" name="username" placeholder="请输入用户名">
 
+                    <br>
 
+                    <label for="password">密码：</label>
 
+                    <input type="password" id="password" name="password" placeholder="请输入密码">
 
+                    <br>
 
+                    <input type="submit" value="登录">
 
+                </form>
 
+            </td>
 
+        </tr>
 
+        <tr>
 
+            <td></td>
 
+            <td>
 
+                <H4>我承诺</H4>
 
+                <ul>
 
+                    <li>关于我们</li>
 
+                    <li>联系我们</li>
 
+                    <li>隐私政策</li>
 
+                    <li>服务条款</li>
 
+                    <li>帮助中心</li>
 
+                </ul>
 
+            </td>
 
+        </tr>
 
+    </table>
 
+</body>
 
+
 
+</html>