<!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. 初识ABP vNext（3）：vue对接ABP基本思路

    目录 前言 开始 登录 权限 本地化 创建项目 ABP vue-element-admin 最后 前言 上一篇介绍了ABP的启动模板以及AbpHelper工具的基本使用,这一篇将进入项目实战部分.因为 ...

  2. hadoop2.6虚拟机安装

    Linux环境设置/*安装Hadoop集群时要确保以下几个方面1.本机与虚拟机之间是否可以通信(Ping).如果不行检查下面 1.1本机防火墙关闭(开启情况是本机可以ping虚拟机,虚拟机不能ping ...

  3. mongodb在win10下的安装和配置

    一.准备 下载mongodb https://www.mongodb.com/download-center/community 该实例中使用的是:mongodb-win32-x86_64-2008p ...

  4. 在服务器上使用python-gym出现的关于显示的问题

    疫情期间在家连着实验室的服务器继续学习,用到关于强化学习相关的包 gym 时,在render上出现了问题. 环境: Ubuntu18.04 服务器python 3.7.6gym 0.17.1jupyt ...

  5. Shell编程—用户输入

    1命令行参数 1.1读取参数 bash shell会将一些称为位置参数(positional parameter)的特殊变量分配给输入到命令行中的所有参数.这也包括shell所执行的脚本名称.位置参数 ...

  6. CloudBase Framework丨第一个 Deno 部署工具是如何打造的？

    云端一体化部署工具 CloudBase Framework (简称 CBF)自开源发布以来迭代迅速,不仅支持 Vue.React 等前端框架,也支持 Nuxt 等 SSR 框架,基于 Node 开发的 ...

  7. Combine 框架，从0到1 —— 3.使用 Subscriber 控制发布速度

      本文首发于 Ficow Shen's Blog,原文地址: Combine 框架,从0到1 -- 3.使用 Subscriber 控制发布速度.   内容概览 前言 在发布者生产元素时消耗它们 使 ...

  8. py_冒泡排序

    import random """ 排序:将一组无序记录序列调整为有序记录序列 列表排序:将无序列表调整为有序列表 输入:列表 输出:有序列表 升序与降序 内置函数sor ...

  9. 力扣Leetcode 200. 岛屿数量

    岛屿数量 给你一个由 '1'(陆地)和 '0'(水)组成的的二维网格,请你计算网格中岛屿的数量. 岛屿总是被水包围,并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成. 此外,你可以假设该网 ...

  10. java调用C# webService发布的接口

    java调用C# webService发布的接口 java调用C# webService方式有很多种我这里只介绍一种 首先需要引入axis的jar包 axis的maven坐标如下 <depend ...