HTML exercise 1

2, Realize the registration page as shown in the figure (Note: only the implementation is required to look the same or similar, the function is not implemented)
Note: To implement this page, you need to use the table-tr-td tag (first preview, try to achieve)
text alignment Method: align
spacing between texts: refer to the attributes of
the table tag. This task does not need to use 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>

result:
Icon

Guess you like