HTML练习1

2, 实现如图所示的注册页面(注意: 仅要求实现样子相同或相似, 功能不实现)
注意: 实现这个页面需要用到table-tr-td标签(先预习一下,试着实现)
文字对齐方式: align
文字间间距: 参考table标签的属性
这个作业不需要用到css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <table>
        <tr>
            <th align="right"> 注册邮箱：</th>
            <th align="left"><input></th>
        </tr>

        <tr>
            <th></th>
            <th align="left">你还可以手机注册</th>
        </tr>
        <tr>
            <th>创建密码：</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th>真实姓名：</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th align="right">性别：</th>
            <th align="left"><input type="radio"/>
                <label>男</label>
                <input type="radio"/>
                <label>女</label><br/></th>
        </tr>

        <tr>
            <th align="right"> 生日：</th>
            <th align="left"><select>
                <option>2001</option>
            </select>年
                <select>
                    <option>01</option>
                </select>月
                <select>
                    <option>01</option>
                </select>日
            </th>
        </tr>
        <tr>
            <th align="right"> 我正在：</th>
            <th align="left"><select>
                <option>睡觉</option>
            </select></th>
        </tr>
        <tr>
            <th></th>
            <th align="left"><img src="./verycode.gif">
            </th>
            <th>看不清，换一张</th>
        </tr>
        <tr>
            <th align="right">验证码：</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th></th>
            <th align="left"><img src="btn_reg.gif">
            </th>
        </tr>


    </table>
</head>
<body>

</body>
</html>

结果：

猜你喜欢