青春不常在，抓紧谈恋爱html

最新推荐文章于 2024-08-05 22:35:13 发布
最新推荐文章于 2024-08-05 22:35:13 发布
阅读量2.4k 收藏 19
点赞数 6
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62480331/article/details/120970016
版权 
<!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>
        .box{
            width: 500px;
            height: 800px;
            margin: 0 auto;
            line-height: 25PX;
        }
        h4{
            text-align: center;
            color: rgb(238, 177, 177);
        }
    </style>
</head>
<body>
    <div class="box">
    <table width="500">
    <h4>青春不常在，抓紧谈恋爱</h4>
        <tr>
            <td>性别</td> 
            <td>
                <input type="radio" name="sex" checked><img src="man.jpg"><label>男</label>
                <input type="radio" name="sex"><img src="women.jpg"><label>女</label>
            </td>
        </tr>
        <tr>
            <td>
                生日
            </td>
            <td>
                <select>
                    <option>--请选择年--</option>
                    <option>1990</option>
                    <option>1991</option>
                    <option>1992</option>
                </select>
                <select>
                    <option>--请选择月--</option>
                    <option>一月</option>
                    <option>二月</option>
                    <option>三月</option>
                </select>
                <select>
                    <option>--请选择日--</option>4
                    <option>一号</option>
                    <option>二号</option>
                    <option>三号</option>
                </select>
            </td>
        <tr>
            <td>所在地区</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>婚姻情况</td>
            <td>
                <input type="radio" id="wei" name="hunyin" checked>未婚
                <input type="radio" id="yi " name="hunyin">已婚
                <input type="radio" id="wei" name="hunyin">离婚
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td>
                <input type="text" value="幼儿园">
            </td>
        </tr>
             <td>月薪</td>
             <td>
                 <input type="text" value="10000-20000">
             </td>
         </tr>
         <tr>                                                                                                          
             <td>手机号</td>
             <td>
                 <input type="number">
             </td>
         </tr>
         <tr>
             <td>昵称</td>
             <td><input type="text"></td>
         </tr>
        <tr>
            <td>喜欢类型</td>
            <td><input type="checkbox">妩媚的<input type="checkbox">可爱的<input type="checkbox">小鲜肉<input type="checkbox">老腊肉<input type="checkbox">都可以</td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td><textarea>自我介绍</textarea></td>    
        </tr>
        <tr>
            <td></td>
            <td><img src="btn.png" width="200px"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="radio" checked="checked">我同意注册条款和会员加入标准</td>
        </tr> 
        <tr>
            <td></td>
            <td><a href='#'>我是会员，点击登录</a></td>
        </tr> 
        <tr>
            <td></td>
            <td>
            <h3>我承诺</h3> 
            <ul>
            <li>年满18、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
            </ul>
            </td>
        </tr>
 
</table></div>
</body>
</html>

 

 

热水§
关注
  • 6
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2022.05.25 HTML第7天学习
qq_41658558的博客
05-25 466
1.综合案例练习： <body> <from action="xxx.php" method="get"> <h4>青春不常在，抓紧谈恋爱</h4> <table width="500"> <tr> <td>性别：</td> <td><input type="radio" id="n.
深入浅出浅谈人工智能chatgpt，45岁以上抓紧学习
04-06
人工智能技术在不断发展，其中生成性人工智能技术备受瞩目。生成性人工智能与传统的机器学习不同，它具有生成新内容的能力，而不是仅限于分析现有的数据。这项技术的代表就是GPT模型，它的全称是生成性预训练变换...
青春不常在，抓紧谈恋爱小案例,表格标签、列表标签、表单标签 的综合练习
qq_44156869的博客
09-12 2299
表格标签，列表标签,表单标签 的综合练习 知识点 表格 <table> </table>是用于定义表格的标签。 <tr> </tr> 标签用于定义表格中的行，必须嵌套在 <table> </table>标签中。 <td> </td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。 表单元素 input 是输入的意思，而在表单元素中 标签用于收集用户信息。 在 标签中，
青春不常在，抓紧谈恋爱 HTML案例
m0_62452636的博客
04-13 1166
分析：除标题以外部分是一个两列的表格，一行两个,共分为11行。
青春不常在，抓紧谈恋爱
m0_61687098的博客
10-27 713
<!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...
2021-10-21
qq_53232284的博客
10-21 119
<!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...
html-综合案例之注册页面
m0_53163148的博客
09-17 787
2.< lable >中添加for属性，< input >中添加id属性，将两个标签形成联系。页面布局分为上下两大部分，上面用标题标签，下面用表格标签，行标签和单元格标签。1.在单选按钮中，使用< lable >标签，可以增强用户体验。1.在单选按钮中，使用< lable >标签，可以增强用户体验。1.设置默认选中选项，在< input >标签中设置属性。右边为文本框(value设置默认值)右边是表单元素中的单选按钮。（以此类推）总共十一行。
「学习笔记」CSS基础（1）
学过的东西，讲不出来等于没学。
12-21 582
CSS构造块 「1. HTML的局限性」 HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。 操作html属性不方便 HTML里面添加样式带来的是无尽的臃肿和繁琐 「2. CSS网页的美容师」 让我们的网页更加丰富多彩，布局更加灵活自如。 CSS最大的贡献：让HTML从样式中脱离，实现了HTML专注去做结构呈现，样式交给CSS 「3. CSS」CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)。 作
前端基础-html-02
L的博客
11-04 573
前端HTML中的表格、列表、表单知识，附有综合项目源码
扁平化html5 bootstrap后台页面模板.zip
12-24
描述中的“需要的抓紧 过几天就删了”提示用户，这个资源可能只在有限时间内提供，鼓励有需求的人尽快下载。这暗示了模板可能是作者个人分享，或者某个临时性的免费资源。 标签“后台模版”和“html模版”进一步...
html5系列的代码雨利用js技术实现
11-28
本资源利用html5技术，已字母为流行尾，五彩缤纷，十分炫酷。当然，使用的是js技术实现以及css3的辅助。十分欢迎各位大佬下载，本资源...口说不如行动，双击抓紧下载吧！！！！！！！！！！！！！！！！！！！！！！！
财付通首页动画你不知道的那些事
03-01
温馨提示：抓紧扶手哦~从我们耳熟能详的童话故事入手，将“快捷”、“移动”、“安全”、“轻松”融入其中，寓情于景、寓教于乐，于无形中将财付通的品牌理念植入用户心中……动画的进入效果，模仿的是立体贺卡的...
纯html制作的类似相亲网站的注册页面
jiangxiaohuai的博客
12-07 2046
注册页面案例 青春不常在，抓紧谈恋爱 性别： 男 女 生日： 请选择年份 选项2 选项3 请选择月份 ...
利用html制作婚恋注册界面
weixin_47226247的博客
03-20 900
代码段 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h4> 青春不常在，抓紧谈恋爱</h4> <for
CSS基础知识
qq_42401062的博客
02-20 303
CSS层叠样式表 理解 css的目的作用 css的三种引入方式 应用 css三种引用方式的书写 通过样式规则给标签添加简单的样式 1.HTML的局限性 说起HTML，这其实是个非常单纯的家伙， 他只关注内容的语义， 比如表明这是一个大标题，用 表明这是一个段落，用 表明这儿有一个图片， 用 表示此处有链接。 很早的时候，世界上的网站虽然很多，但是他们都有一个共同的特点： 丑。 有些...
HTML复习（2）
m0_67841039的博客
04-26 94
一、列表标签 无序列表 有序列表 自定义列表 列表标签总结： 二、表格标签 表格标签总结（代码展示）： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
学习HTML简单设计登录网页
weixin_63050915的博客
01-15 2054
首先我们来看一下成果 这是一个模仿一个婚介网站登陆注册网页来设计的单纯HTML语言完成的网页 1，框架（表格） 如图 我们简单地把页面分成列数为二的表格这里就需要表格的知识 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 2，输入类
非常全的HTML+CSS+JS学习记录（三：HTML之表单标签）
CSDN_YJX的博客
01-25 996
目录一级目录二级目录三级目录 一级目录 二级目录 三级目录
前端HTML总结
最新发布
m0_54066656的博客
08-05 943
前端笔记，HTML标签详解。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值