一个HTML实例:写一个简单的注册页面

<!--
暂时还没学CSS,只能是用表格进行页面布局,但是实际开发的时候不要这样写,这个题还是挺不错的,能够检验
前面所学知识是否牢固,但是对于实际开发的时候不可这样使用

做这个网页的时候遇到两个问题
1.不会排版,看到老师写的那个是按照表格的标签进行排版,但是我使用的时候出现了毛病
    然后我也不会修改了
2.在那个生日的时候,不知道特殊情况应该这么搞,就是比如二月份只有28,但是我进行
    select的时候都是设置的31天的那后续应该字么弄呢?对于这种特殊情况应该字么搞呀?
3.还有一个就是那个性别,老师是插入了一张图片来完成的,刚刚我仔细的想了一下,我也只是
    能够使用img标签插入图片,或者是把图片弄成超链接,那对于这个点击图片之后就能够
    选中单选框的操作应该怎么弄呢?仍然是插入一个图片吗?然后时候label标签吗?但是我
    试的时候发现不行



    经过自己的调试之后,基本上跟老师要求的是一致的,上面的排版问题,已经解决了,不过还需要注意一下
    <td>标签是表示的表格的基本内容
    <th>标签是表示的表格的首行,或者是说表格需要加粗的一行,这个标签里面的内容会自动特殊处理
        会加粗
    然后这道题的排版思路就是,把整个内容分成两列,然后就可以进行排版了,还有需要注意的是,
    有些内容本身只有一列,然后我们想把这一列的数据放到右面那一列的话,就需要把左列设置为空列
    直接使用一对<td></td>标签或者是<th></th>标签即可
    
    上面老师在性别那里使用的两个图片,可以直接用<img src="地址" />来实现,这个<img>标签的位置
    需要在<label>标签内
    TODO: 还有就是在表格里面不需要额外换行!!!!!一定要记住

    现在仍然存在的问题
    FIXME: 1: 上面提到的生日的特殊请款还是不知道怎么搞
      
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面
    </title>
</head>

<body>
    <h3>青春不常在 , 抓紧谈恋爱</h3>
    <table width="500px" cellspacing="0" cellpadding="0">
        <form action="www.baidu.com" method="POST">
            <tr>
                <td>
                    性别:
                </td>
                <td>
                    <label> <input type="radio" name="sex" checked="checked" /> <img src="Images/NAN.png" /></label>
                    <!--
                        还有一种表示方法
                        <input type="radio" name="sex" checked="checked" id="gender" /> <label for="gender">  <img src="Images/NAN.png" /></label>
                    -->
                    
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值