sync from local backup

2026-08-05 23:59:15 +08:00
commit d48ec1747c
358 changed files with 34384 additions and 0 deletions
@@ -0,0 +1,44 @@
+# HTML 表单与多媒体
+
+## 学习目标
+- 掌握表单元素
+- 学会插入图片和视频
+- 理解语义化标签
+
+## 表单元素
+
+```html
+<form action="/submit" method="post">
+    <input type="text" name="username" placeholder="用户名">
+    <input type="password" name="password" placeholder="密码">
+    <input type="email" name="email" placeholder="邮箱">
+    <select name="city">
+        <option value="beijing">北京</option>
+        <option value="shanghai">上海</option>
+    </select>
+    <button type="submit">提交</button>
+</form>
+```
+
+## 多媒体标签
+
+```html
+<img src="image.jpg" alt="图片描述">
+<video src="video.mp4" controls></video>
+<audio src="audio.mp3" controls></audio>
+```
+
+## 语义化标签
+
+| 标签 | 说明 |
+|------|------|
+| `<header>` | 页面头部 |
+| `<nav>` | 导航栏 |
+| `<main>` | 主内容区 |
+| `<footer>` | 页脚 |
+
+## 动手练习
+
+1. 制作用户注册表单
+2. 在页面中插入图片和视频
+3. 使用语义化标签重构页面