<!--
暂时还没学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>
-->
一个HTML实例:写一个简单的注册页面
最新推荐文章于 2024-04-08 15:22:26 发布