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