<!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安装和卸载

    安装最新版本 npm install -g @vue/cli或 yarn global add @vue/cli 卸载之前版本npm uninstall vue-cli -g 或 yarn globa ...

  2. 《Java从入门到失业》第二章：Java环境（一）：Java SE安装

    从这一章开始,终于我们可以开始正式进入Java世界了.前面我们提到过,Java分三个版本,我们这里只讨论Java SE. 2.1Java SE安装 所谓工欲善其事,必先利其器.第一步,我们当然是要下载 ...

  3. Jenkins配置总结

    1.配置全局 系统管理->全局工具配置 2.配置 自己安装安装jdk,git,以及maven 3.系统管理->系统配置 3.1配置Jenkins URL 3.2 配置SSH Servers ...

  4. Spring Security-获取当前登录用户的详细信息

    在Spring框架里面,可以通过以下几种方式获取到当前登录用户的详细信息: 1. 在Bean中获取用户信息 Authentication authentication = SecurityContex ...

  5. JavaScript学习系列博客_22_JavaScript this（上下文对象）

    this(上下文对象) - 我们每次调用函数时,解析器都会将一个上下文对象作为隐含的参数传递进函数. 使用this来引用上下文对象,根据函数的调用形式不同,this代表的对象也不同.不同的情况: 1. ...

  6. 要点4：C的文件操作

    关于文件操作个人比较困惑的地方有两点: 关于w和wb的区别 如何定位文件的读写位置 文件格式和打开模式 c中的文件打开模式分为:文本模式和二进制模式,分别处理文本格式文件和二进制格式文件. 两个模式的 ...

  7. Java GUI 图书管理系统

    01 概述 一款功能强大的图书馆管理系统,功能齐全,小白/大学生项目实训,学习的不二之选. 02 技术 此系统使用 java awt 实现.java.awt是一个软件包,包含用于创建用户界面和绘制图形 ...

  8. Windows server 2008 搭建DNS服务

    现在用Windows搭建DNS的已经很少了,感觉也只有一些公司的某块部分能用上,最近在捣鼓这个,索性直接写下来,以后可以看了直接用. 开始: ★★★配置静态IP地址 老样子,有关服务器功能的建立,都是 ...

  9. 《spring源码解读》 - ioc之验证模型获取

    我们上一篇文章最后调用到 `org.springframework.beans.factory.xml. XmlBeanDefinitionReader#doLoadDocument(...) ` 方 ...

  10. 03.AOF持久化机制配置与工作流程

    一.AOF持久化的配置 配置文件redis.conf,AOF持久化默认是关闭的,默认是打开RDB持久化 appendonly yes     二.工作流程: 打开AOF持久化机制之后,redis每次接 ...