chunyu_project/media/learn/courses/13/chapters/52.md

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>

多媒体标签

<img src="image.jpg" alt="图片描述">
<video src="video.mp4" controls></video>
<audio src="audio.mp3" controls></audio>

语义化标签

标签	说明
<header>	页面头部
<nav>	导航栏
<main>	主内容区
<footer>	页脚

动手练习

1. 制作用户注册表单
2. 在页面中插入图片和视频
3. 使用语义化标签重构页面