青春不常在，抓紧谈恋爱

最新推荐文章于 2023-04-13 20:30:07 发布
最新推荐文章于 2023-04-13 20:30:07 发布
阅读量710 收藏 8
点赞数 3
文章标签： html css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61687098/article/details/121003983
版权 


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .pink {
            color: pink;
        }
    </style>
</head>

<body>
    <table width="800" align="center" cellspacing="20" >
        <div> </div>
        <h2 align="center" class="pink">青春不常在，抓紧谈恋爱</h2>
        <tr >
            <td align="right" width="150" >
                性别 ：
            </td>
            <td>
                <input type="radio" / >男<img src="images(2)/man.jpg"> <a href="#"></a> <input type="radio" />女 <img src="images(2)/women.jpg"><a href="#">
            </td>
        </tr>
        <tr>
            <td align="right" width="100">
                出生日期：
            </td>
            <td>
                <a class="btn-select" id="btn_select">
                    <select>
                        <option>--年--</option>
                        <option>2000</option>
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                        <option>2004</option>
                        <option>2005</option>
                        <option>2006</option>
                        <option>2007</option>
                    </select>
                    <select>
                        <option>--月--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>

                    </select>
                    <select>
                        <option>--日--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                        <option>21</option>
                        <option>22</option>
                        <option>23</option>
                        <option>24</option>
                        <option>25</option>
                        <option>26</option>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                        <option>30</option>
                        <option>31</option>
                    </select>

                </a>

            </td>
        </tr>
        <tr>
            <td align="right" width="100">
                所在地区：
            </td>
            <td>
                <input type="text" name="password" autocomplete="off" value="" placeholder="北京思密达"><br>
            </td>
        </tr>
        <tr>
            <td align="right" width="100">
                婚姻状况 :
            </td>
            <td>
                <input type="radio" />已婚<a href="#"></a> <input type="radio" />未婚 <a href="#"></a> <input
                    type="radio" />离婚 <a href="#"></a>
            </td>
        </tr>
        <tr>
            <td align="right" width="100">
                学历 ：
            </td>
            <td>
                <input type="text" name="password" value="" placeholder="学历"><br>
            </td>
        </tr>
        <tr>
            <td align="right" width="100">
                月薪：
            </td>

            <td>
                <input type="text" name="password" value="" placeholder="月收入"><br>
            </td>

        </tr>
        <tr>
            <td align="right" width="100">
                手机号码：
            </td>

            <td>
                <input type="text" name="password" value="" placeholder="联系方式"><br>
            </td>

        </tr>
        <tr>
            <td align="right" width="100">
                昵称：
            </td>

            <td>
                <input type="text" name="password" value="" placeholder="昵称"><br>
            </td>

        </tr>
        <tr>
            <td align="right" width="100">
                类型 ：
            </td>
            <td>
                <input type="checkbox" />可爱的 <input type="checkbox" />漂亮的 <input type="checkbox" /> 小鲜肉 <input
                    type="checkbox" />老腊肉<input type="checkbox" />都喜欢
            </td>
        </tr>
        <tr>
            <td align="right" width="200">
                自我介绍：
            </td>


            <td>
                <textarea rows="8" style="width:200px;padding-top:1px;font-size:3px;"></textarea>
            </td>
        </tr>
        <tr>
            <td>  </td>
                <td  align="left" >
                    <img src="../世纪佳缘/images(2)/btn.png">
                </td>

        </tr>
        <tr align="left">
            <td>  </td>
            <td>
                <input type="checkbox" />我同意注册和会员标准<br>
            </td>
        </tr>
        <tr align="left">
            <td>  </td>
            <td>
                <a href="#">我是会员立即登入</a>
            </td>
        </tr>
        <tr>
            <td>  </td>
            <td>
                <h3>
                    我承诺
                </h3>
            </td>
        </tr>
        <tr>
            <td>  </td>
            <td align="left" width="100" >
                <li >年满18，单身</li>
                <li>抱着严肃的态度</li>
                <li>寻找另一半</li>

            </td>
        </tr>








</body>

</html>

 

多喝热水§
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
css世纪佳缘网页
qq_42467563的博客
07-04 2522
&lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;世纪佳缘&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table align=&qu
深入浅出浅谈人工智能chatgpt，45岁以上抓紧学习
04-06
人工智能技术在不断发展，其中生成性人工智能技术备受瞩目。生成性人工智能与传统的机器学习不同，它具有生成新内容的能力，而不是仅限于分析现有的数据。这项技术的代表就是GPT模型，它的全称是生成性预训练变换...
青春不常在，抓紧谈恋爱 HTML案例
m0_62452636的博客
04-13 1157
分析：除标题以外部分是一个两列的表格，一行两个,共分为11行。
仿世纪佳缘交友网
02-04
仿世纪佳缘交友网 完整唔错版本 集成多方面支付接口
2021-10-21
qq_53232284的博客
10-21 117
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...
世纪佳缘网前端设计
qq_57110139的博客
10-28 201
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
青春不常在，抓紧谈恋爱html
m0_62480331的博客
10-26 2489
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
财付通首页动画你不知道的那些事
03-01
温馨提示：抓紧扶手哦~从我们耳熟能详的童话故事入手，将“快捷”、“移动”、“安全”、“轻松”融入其中，寓情于景、寓教于乐，于无形中将财付通的品牌理念植入用户心中……动画的进入效果，模仿的是立体贺卡的...
抓紧任务-
03-02
【标题】：“抓紧任务-”通常意味着这是一项紧急或重要的工作，可能涉及到时间敏感的项目或者需要快速解决的问题。在IT行业中，这可能是指需要立即处理的编程任务、系统维护、故障排查或者是新项目的开发。 【描述...
PLC在机械手控制系统中的应用.doc
11-21
标题中的“PLC在机械手控制系统中的应用”指的是利用可编程逻辑控制器（PLC）来控制机械手的运动和操作。这种技术广泛应用于自动化生产线，能够实现精准、高效的物料搬运和加工。 描述中提到的“西门子S7200 PLC”...
仿世纪佳缘整站 源码
12-02
仿世纪佳缘整站 源码
仿世纪佳缘交友网提供免费模板
12-31
仿世纪佳缘交友网提供免费模板.
eform自定义表单
01-19
北京方程软件开发的开源工作流，eform自定义表单，大大方便了程序员开发工程中，表单设计的繁琐。
html_5_小作业2_世纪佳缘注册页面
dc12499574的博客
04-13 834
文章目录要求效果代码 要求 效果 源码： 链接：https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A 提取码：ouzc 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
PC端网页布局——世纪佳缘（二）页面初搭建
tingyu_的博客
07-27 881
咱们首先来搭建一下整体的大结构： 效果如下： 每一块呢，都是使用div块做的，并不难理解 除了头部之外，每一块都是外面一个大的div,里面再包一个小的div，也就是所谓的通栏和版心（由于个人问题，版心设置了两个宽度的，大家可以根据个人需求来设计） HTML代码如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi
作业作业作业
yst12138的博客
10-21 87
<style> .pink { color: pink; } </style> </head> <body> <table width="800" align="center" cellspacing="20" > <div> </div> <h2 align="center" cla...
PC端网页布局——世纪佳缘（四）注册登录
tingyu_的博客
08-02 6770
效果如下： 页面解析：在这个注册框中呢，可以分为三个部分 1.标题 2.输入框 3.注册/登录 重点自然是在注册框了， 在注册框中，我们可以看到， 1.每一行的左边的文字是靠右侧的 2.两次用到单选框，其中在婚姻状况里，有默认选项 3.生日和所在地区是两个不同类型的输入框 大家可能会遇到的一些问题： 1、背景图偏移，由于背景图较大，所以会出现X轴和Y轴的滚动条，当在body中添加溢...
青春不常在，抓紧谈恋爱小案例,表格标签、列表标签、表单标签 的综合练习
qq_44156869的博客
09-12 2294
表格标签，列表标签,表单标签 的综合练习 知识点 表格 <table> </table>是用于定义表格的标签。 <tr> </tr> 标签用于定义表格中的行，必须嵌套在 <table> </table>标签中。 <td> </td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。 表单元素 input 是输入的意思，而在表单元素中 标签用于收集用户信息。 在 标签中，
html：世纪佳缘
lxllxl211的博客
04-07 545
<!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
毕业相册 (91).pptx
最新发布
10-22
青春只有一次，我们要抓紧时间，勇敢追逐梦想，展翅飞翔。 最后，这张毕业相册给我们留下了丰富的回忆和珍贵的记忆。它是我们青春的见证，是我们毕业旅程的纪念品。让我们一起怀念过去，珍惜现在，展望未来。毕业...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值