补作业——0702作业

0702作业
无序列表

<h2 align="center">01.无序列表</h2>
<div align="center">
    <ul>
        <li>首页</li>
        <li>关于我们</li>
        <li>产品中心</li>
        <li>联系我们</li>
    </ul>
</div>

表格

<h2 align="center">02.表格演示</h2>
<table border="1" cellspacing="0" align="center">
    <caption>蔬菜表</caption>
    <thead>
        <th width="50">序号</th>
        <th width="150">品名</th>
        <th width="150">价格</th>
    </thead>
    <tbody>
        <tr align="center">
            <td>1</td>
            <td>萝卜</td>
            <td>5</td>
        </tr>
        <tr align="center">
            <td>2</td>
            <td>小白菜</td>
            <td>6</td>
        </tr>
        <tr align="center">
            <td>3</td>
            <td>花菜</td>
            <td>8</td>
        </tr>
    </tbody>
    <tfoot>
        <tr align="center">
            <td colspan="2"><strong>总价</strong></td>
            <td><strong>19</strong></td>
        </tr>
    </tfoot>
</table>

表单

<h2>03.表单演示</h2>
<div>
    <h2>报名提交</h2>
    <form action="">
        <div>
            <label for="username">姓名</label>
            <input type="text" name="username" id="username" autofocus>
        </div>
        <div>
            <label for="age">年龄</label>
            <input type="text" name="age" id="age">
        </div>
        <div>
            <label for="man">性别</label>
            <input type="radio" name="sex" id="man" checked><label for="man">男</label>
            <input type="radio" name="sex" id="lady"><label for="lady">女</label>
        </div>
        <div>
            <label for="schooling">学历</label>
            <select id="schooling">
                <option value="小学" selected>小学</option>
                <option value="初中">初中</option>
                <option value="高中">高中</option>
                <option value="中专">中专</option>
            </select>
        </div>
        <div>
            <label for="game">爱好</label>
            <input type="checkbox" id="game">
            <label for="game">打游戏</label>
            <input type="checkbox" id="book" checked>
            <label for="book">读书</label>
        </div>
        <div>
            <label for="mess">留言内容</label><br>
            <textarea name="mess" id="mess" cols="33" rows="13">
            </textarea>
        </div>
        <button>提交</button>
        <input type="reset" value="重置">
    </form>
</div>