HTML 연습 1

2, 그림과 같이 등록 페이지를 실현합니다. (참고 : 동일하거나 유사하게 보이기 위해서는 구현 만 필요하며, 기능은 구현되지 않습니다.)
참고 :이 페이지를 구현하려면 table-tr-td 태그를 사용해야합니다. (첫 번째 미리보기, 달성 시도)
텍스트 정렬 방법 : 텍스트
사이의 간격 정렬 : 테이블 태그의 속성을 참조하십시오.
이 작업은 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>

결과:

추천