<!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. LOJ10048. 「一本通 2.2 练习 4」Censoring

    作者是个* 题目描述 原题来自:USACO 2015 Feb. Silver 给出两个字符串\(S\)和\(T\),每次从前往后找到\(S\)的一个子串\(T\)并将其删除,空缺位依次向前补齐,重复上 ...

  2. 蒲公英 &#183; JELLY技术周刊 Vol.18 关于 React 那些设计

    蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...

  3. 作弊揭发者 C++

    鉴于我市拥堵的交通状况,市政交管部门经过听证决定在道路两侧安置自动停车收费系统.当车辆驶入车位,系统会通过配有的摄像头拍摄车辆画面,通过识别车牌上的数字.字母序列识别车牌,通过连接车管所车辆信息数据库 ...

  4. Linux命令--vi/vim复制一行，粘贴

    在光标的位置按“yy”,复制当前行: 然后再光标的行按“p”,粘贴到下一行,原来的往下顺移

  5. MySQL SQL概述

    MySQL SQL概述 数据库的好处: •实现数据持久化 •使用完整的管理系统统一管理易 数据库的概念: DB:数据库(database):存储数据的“仓库”.它保存了一系列有组织的数据. DBMS: ...

  6. golang 并发demo 写入 redis

    原文链接:golang 并发demo 写入 redis 源代码: package main import ( "fmt" "runtime" "str ...

  7. Python的pyttsx3安装失败的解决方案

    尝试更新安装工具,然后重试安装: pip install -U setuptools pip install pyttsx3 如果仍不能解决您的问题,您也可以尝试指定pyttsx3的版本 pip in ...

  8. 微信小程序发送订阅消息（之前是模板消息）

    之前的模板消息已经废弃,现在改为订阅消息,订阅消息发布前,需要用户确认后才能接收订阅消息. 小程序端 index.wxml <button bindtap="send"> ...

  9. 区块链入门到实战（29）之Solidity – 环境搭建

    在线开发环境Remix(推荐) 学习Solidity推荐使用在线开发环境Remix,本教程的例子将使用Remix开发运行. 安装本地编译器 安装 nodejs / npm node官方网站下载node ...

  10. 数据操纵DML

    数据操纵DML 1. 在dept表中插入两行数据 (1)50,'IT','SHENYANG';(2)60,'HR','DALIAN'; 2. 设置保存点beforeup 3. 更新dept表,将60号 ...