HTML练习1

最新推荐文章于 2024-05-03 16:38:18 发布

QXANQ

最新推荐文章于 2024-05-03 16:38:18 发布

阅读量84

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qxanq/article/details/114897382

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>

结果：

QXANQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML练习1

2, 实现如图所示的注册页面(注意: 仅要求实现样子相同或相似, 功能不实现)注意: 实现这个页面需要用到table-tr-td标签(先预习一下,试着实现)文字对齐方式: align文字间间距: 参考table标签的属性这个作业不需要用到css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <table> <tr>
复制链接

扫一扫