要求网页中显示如下信息：
首先对网页布局进行分析，包含两个部分，标题和表格部分：
定义表格---->将网页中的表单元素根据上图所示放入不同的行和列中。
代码如下：
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>注册页面综合案例</title></head><body><h1>青春不常在，抓紧谈恋爱</h1><tablewidth="500"><tr><td>
性别：
</td><td><labelfor="男"><inputtype="radio"name="sex"id="男">男
<labelfor="女"><inputtype="radio"name="sex"id="女">女
</td></tr><tr><td>
生日：
</td><td><select><optionselected="selected">
--请选择年--
</option><option>
1990
</option><option>
1991
</option><option>
1992
</option><option>
1993
</option><option>
1994
</option><option>
1995
</option></select><select><optionselected="selected">
--请选择月--
</option><option>
1月
</option><option>
2月
</option><option>
3月
</option><option>
4月
</option></select><select><optionselected="selected">
--请选择日--
</option><option>
1日
</option><option>
2日
</option><option>
3日
</option><option>
4日
</option></select></td></tr><tr><td>
所在地区：
</td><td><inputtype="text"name="area"value="地区"></td></tr><tr><td>
婚姻状况：
</td><td><inputtype="radio"name="s"checked="checked">未婚<inputtype="radio"name="s">已婚<inputtype="radio"name="s">离婚
</td></tr><tr><td>
学历：
</td><td><inputtype="text"value="博士后"></td></tr><tr><td>
喜欢的类型:
</td><td><inputtype="checkbox"name="S">妩媚的<inputtype="checkbox"name="S">可爱的<inputtype="checkbox"name="S">小鲜肉<inputtype="checkbox"name="S">都喜欢
</td></tr><tr><td>
自我介绍：
</td><td><textarea>
介绍一下自己吧！
</textarea></td></tr><tr><td></td><td><inputtype="submit"name="submit"value="注册"></td></tr><tr><td></td><td><inputtype="checkbox"value="checked">我同意注册条款和加入会员标准
</td></tr><tr><td></td><td><ahref="http://xysf.cn">我是会员，立即登录</a></td></tr><tr><td></td><td><h3>我承诺</h3><ul><li>年满18周岁，单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul></td></tr></table></body></html>
注意：
该实例包含的行和单元格的个数比较多，在书写代码的时候注意不要漏写，可以使用空格隔开，以便于检查。
表格后几行的第一个单元格是没有内容的，虽然没有内容，但是还是需要定义空格单元格，这样才能保证和要求的表格一致。
本文转载自: https://blog.csdn.net/m0_64365419/article/details/127706001
版权归原作者 从未止步.. 所有， 如有侵权，请联系我们删除。
版权归原作者 从未止步.. 所有， 如有侵权，请联系我们删除。