利用表格标签，列表标签，表单标签来注册一个页面

最新推荐文章于 2024-04-29 22:26:37 发布

bai_Web

最新推荐文章于 2024-04-29 22:26:37 发布

阅读量503

点赞数

本文链接：https://blog.csdn.net/bai_Web/article/details/119156095

版权

本文通过案例分析，详细讲解如何使用HTML的表格、列表和表单标签制作一个注册页面。步骤包括设置标题、定义表格布局、使用不同标签创建输入元素，并提供完整代码展示。强调了分析布局和正确使用标签的重要性。

摘要由CSDN通过智能技术生成

完成下图注册页面的制作在这里插入图片描述

案例分析

这个注册案例可以分为两部分，标题部分和表格部分。

步骤

“青春不常在，抓紧谈恋爱”设为<h4>标签
标题书写完成后给下面表格设置宽度，高度可以用表格里的内容撑开
下来书写每一行<tr>的内容，每行又分为左右单元格<td>

用到的标签

<h4></h4>标签来完成标题
<table></table>来包住整个表格
<tr></tr>标签来定义行
<td></td>来定义每行的单元格
<input type="radio/text/checkbox"/>来定义一个单选框/文本框/多选框
表单标签中的 id 和 for 配套使用可以在点击文字时也可以选中框，注意id和for的值必须一样
<select></select>定义一个下拉表单，里面可有多个<option></option>
还用到了无序列表<ul></ul>

代码

<body>
    <h4>青春不常在，抓紧谈恋爱</h4>
    <table width="600">
        <!-- 第一行 -->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" id="nan" name="sex" checked="checked" /> <img src="images/man.jpg" /><label
                    for="nan"> 男</label> <input type="radio" id="nv" name="sex" /> <img src="images/women.jpg" /> <label
                    for="nv">女</label>
            </td>
        </tr

最低0.47元/天解锁文章

bai_Web

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用表格标签，列表标签，表单标签来注册一个页面

完成下图注册页面的制作案例分析这个注册案例可以分为两部分，标题部分和表格部分。步骤“青春不常在，抓紧谈恋爱”设为<h4>标签标题书写完成后给下面表格设置宽度，高度可以用表格里的内容撑开下来书写每一行<tr>的内容，每行又分为左右单元格<td>用到的标签<h4></h4>标签来完成标题<table></table>来包住整个表格<tr></tr>标签来定义行<td&gt
复制链接

扫一扫