# 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. 使用语义化标签重构页面