<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h3></h3>

    <tabel width="" border="">

        <!-- 第一行 -->

        <tr>

            <td>性别</td></tr>

        <td>

            <input type="radio" name="sex" id="nan"> <label for="nan"><img src="data:images/man.jpg">男</label>

            <input type="radio" name="sex" id="nv"> <label for="nv"><img src="data:images/women.jpg">女</label>

        </td><br>

        <!-- 第二行 -->

        <tr>

            <td>生日</td>

            <td>

                <select>

                    <option>--请选择年--</option>

                    <option></option>

                    <option></option>

                    <option></option>

                    <option></option>

                    <option></option>

                    <option></option>

                </select>

    </td>

        </tr>

            <select>

                <option>--请选择月--</option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

            </select>

            <select>

                <option>--请选择日--</option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

                <option></option>

            </select>

        </tr> <br>

        <tr>

        所在地区

            <input type="text">

        </tr><br>

        <tr>

            婚姻状况

            <input type="radio" name="sex1">未婚

            <input type="radio" name="sex1">已婚

            <input type="radio" name="sex1">离婚

        </tr><br>

        <tr>

            学历

            <input type="text">

        </tr><br>

        <tr>

            喜欢的类型

            <input type="radio" name="sex11">妩媚的

            <input type="radio" name="sex11">可爱的

            <input type="radio" name="sex11">小鲜肉

            <input type="radio" name="sex11">老腊肉

            <input type="radio" name="sex11">都喜欢

        </tr><br>

        <tr>

            <form>

                自我介绍

                <textarea>自我介绍</textarea>

            </form>

        </tr><br>

        <tr>

            <input type="submit" value="免费注册">

        </tr>

        <br>

        <tr>

            <input type="radio">我同意注册条款和会员加入标准

        </tr><br>

        <tr>

            <a href="#">我是会员，立即登录</a>

        </tr><br>

        <tr>

            <h4>我承诺</h4>

            <ul>

                <li>年满十八岁，单身</li>

                <li>抱着严肃的态度</li>

                <li>真诚寻找另一半</li>

            </ul>

        </tr>

    </tabel>

</body>

</html>

html+css入门基础案例之页面设计的更多相关文章

  1. html+css入门基础案例之圣诞那些事

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 第六十九节，css入门基础

    css入门基础 学习要点: 1.使用CSS 2.三种方式 3.层叠和继承 本章主要探讨HTML5中CSS (层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化. 一 使用CSS CSS ...

  3. CSS入门基础学习二

    我们下午继续学习CSS的入门基础,搬上你的小板凳赶快进入吧! 一.背景(background) Background-color:背景颜色 background-image (背景图片) backgr ...

  4. CSS入门指南-4：页面布局

    这是<CSS设计指南>的读书笔记,用于加深学习效果. display 属性 display是 CSS 中最重要的用于控制布局的属性.每个元素都有一个默认的 display 值.对于大多数元 ...

  5. 【CSS入门基础，有需要的看过来哦】心境，心静，不轻言放弃！---致CSS

    整理一下近一周学习的有关CSS的基础知识笔记: CSS语法必须写在<style>标签中哦~/*注释*/ [CSS常用背景属性]background background-color:背景色 ...

  6. 学起来 —— CSS 入门基础

    Hello,大家好! 小女来更博啦!CSS福利送上~~~ 首先给大家介绍一下CSS到底是什么? 一.CSS概念 W3C规范中,要求有三条:一 为"两个分离",二 为语言遵循语义化, ...

  7. CSS 入门基础

    一.CSS 介绍什么是CSS CSS 指的是层叠样式表(Cascading StyleSheet).在网页制作时采用层叠样式表技术, 可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控 ...

  8. CSS入门基础学习一

    一.CSS样式 1.什么是CSS: CSS是指层叠样式表(Cascading Style Sheels),CSS通常为CSS样式表或层叠样式表,主要用于设置HTML文本内容,以及版本面的布局等 2.H ...

  9. CSS入门基础

    认识CSS 传统HTML设计网页版面的缺点 CSS的特点 CSS的排版样式 13.1 认识CSS CSS的英文全名是Cascading Style Sheets,中文可翻译为串接式排版样式,并且CSS ...

随机推荐

  1. 总结vue知识体系之实用技巧

    vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能.那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本 ...

  2. 一步一步讲解如何安装Ubuntu18.04，零基础

    在一块空的硬盘上安装Ubuntu是最为简单的,我接下将介绍如何进行安装 1.准备 Ubuntu镜像,b(￣▽￣)d 这个是肯定yaod Rufus,一个写入镜像的工具' U盘一个 2.开始 2.1.写 ...

  3. 分享一个Flink checkpoint失败的问题和解决办法

    本文来自: PerfMa技术社区 PerfMa(笨马网络)官网 接触Flink一段时间了,遇到了一些问题,其中有一个checkpoint失败导致作业重启的问题,遇到了很多次,重启之后一般也能恢复正常, ...

  4. Azure Command Line （一）入门

    一,引言 今天我们讲解一个新的 Azure 的知识,叫 “Azure Command Line”,简称 Azure CLI,具体概念是什么,我这里也不多说了,总结下来,Azure CLI 其实就是 用 ...

  5. Robotium和Espresso大PK——速度篇

    引言 Espresso和Robotium都是android UI自动化测试框架,且都是建立在Android Instrument的基础之上.对于测试人员来说,UI测试应该具备如下三个特点:1. 容易编 ...

  6. 测试和发布说明（Alpha版本）

    Alpha版本测试报告 1.测试中发现的BUG 已修复  服务器无法发送邮件 重复上传同一首歌曲 下载进度无法实时跟进 可以多次点击上传 注册验证码失真 上传结束无法及时清理队列信息 不可重现的BUG ...

  7. latex:数学式中的省略符号

    数学式中有很多省略符号,具体命令符号和用法如下 数学式中的省略符号 \cdots 水平位置与减号等高,例如$-\cdots +$,得到- … + \ddots 对角省略号,例如$A\ddots M$, ...

  8. 第3关-input()函数

    第3关-input()函数 一.input()函数 import time print('亲爱的同学:') time.sleep(1) print('我们愉快地通知您,您已获准在霍格沃茨魔法学校就读. ...

  9. 让“不确定性”变得有“弹性”？基于弹性容器的AI评测实践

    0. 前言 AI的场景丰富多彩,AI的评价方法百花齐放,这对于设计一套更通用的评测框架来说,是一个极大的挑战,需要兼顾不同的协议,不同的模型环境,甚至是不同的操作系统.本文分享了我们在AI评测路上的一 ...

  10. row_number()分页返回结果顺序不确定

    之前通过row_number()实现分页查询时: select top [PageSize] * from ( select row_number() over (order by id desc) ...