<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        .box {

            width: 300px;

            height: 300px;

            border: 1px solid red;

            text-align: center;

            font-size: 20px;

            text-indent: 4em;

            font-style: italic;

            font-weight: bold;

            /* font: 20px/50px 30px 'Microsoft Yahei'; */

            font: italic bold 20px/50px "Microsoft Yahei";

            overflow: hidden;

            font-weight: normal;

            font-style: normal;

            line-height: 60px;

        }

    </style>

</head>

<body>

    <div class="box">

        搜狐娱乐讯 7年后，搜狐娱乐讯 7年后，老友大银幕上再合作，他们之间的角色关系是？杨幂和霍建华，对《逆时营救》里两人的关系给出了对立又逗趣的答案霍建华：相爱相杀。杨幂：没有相爱，只有相杀。

    </div>

    <form action="">

        <!-- 用户名 -->

        <p>

            <label for="name">用户名：</label>

            <input type="text" name="name" id="name" />

        </p>

        <!-- 密码 -->

        <p>

            <label for="pwd">密码：</label>

            <input type="password" name="pwd" id="pwd">

        </p>

        <!-- 性别 -->

        <p>

            性别：

            <label for="man">

                <input type="radio" name="sex" id="man" value="0">男

            </label>

            <label for="woman">

                <input type="radio" name="sex" id="woman" value="1">女

            </label>

        </p>

        <!-- 爱好 -->

        <p>

            爱好：

            <label for="sleep">

                <input type="checkbox" name="like" id="sleep" value="0" />睡觉

            </label>

            <label for="learn">

                <input type="checkbox" name="like" id="learn" value="1">学习

            </label>

            <label for="watchTV">

                <input type="checkbox" name="like" id="watchTV" value="2">看电视

            </label>

            <label for="practice">

                <input type="checkbox" name="like" id="practice" value="3">健身

            </label>

        </p>

        <!-- 艳照 -->

        <p>

            艳照：

            <input type="file" name="file" id="file">

        </p>

        <!-- 下来列表 -->

        <p>

            籍贯：

            <select name="addr" id="addr">

                <option value="0">北京</option>

                <option value="1">上海</option>

                <option value="2">广州</option>

                <option value="3" selected="selected">深圳</option>

            </select>

        </p>

        <!-- 个人描述 -->

        <p>

            <label for="info">个人描述：</label>

            <textarea name="info" id="info" cols="30" rows="10"></textarea>

        </p>

        <!-- 隐藏域 -->

        <input type="hidden" name="isVip" value="YES">

        <!-- 普通按钮 -->

        <input type="button" name="button" value="普通按钮">

        <!-- 注册按钮 -->

        <input type="submit" name="submit" value="注册">

        <!-- 重置按钮 -->

        <input type="reset">

    </form>

</body>

</html>

　　

html知识代码的更多相关文章

  1. iOS Swift基础知识代码

    推荐:Swift学习使用知识代码软件 //集合类型 数组 字典 func array1(){ var arr = [","dd"] //简单写法 var arr1 = [ ...

  2. C++调用Matlab引擎 图像读写与处理 （知识+代码篇）

    准备知识 之 Matlab Engine 执行命令 /* Execute matlab statement */ int engEvalString(Engine* ep, const char* s ...

  3. 二叉树（LeetCode） C++相关知识代码 系列1

    0.二叉树最大深度 原题目:Given a binary tree, find its minimum depth.The minimum depth is the number of nodes a ...

  4. 021PHP基础知识——代码重用

    <?php /** * 代码重用 * include() require() 载入文件 * include() 如果载入的文件不存在,提示警告错误. * require() 如果载入的文件不存在 ...

  5. PHP 基础知识代码总结

    一.PHP基础语法 变量到数组 <?php //phpinfo(); /* 变量 $a=1;//不分配空间 echo "\$a=".$a; echo "<br ...

  6. 1.4 Python基础知识 - 代码书写格式及条件判断"if ... else ..."

    一.代码的书写规则 在所有的开发语言中,代码之间都是有关联的关系,有的是包含关系,有的是上下级关系,有的是代表语句的结束.在python中也是有相应的规则的: 1.在没有上下级关系的代码中,代码要顶行 ...

  7. java基础知识代码-------枚举类型

    package com.mon10.day22; /** * 类说明 :枚举类型,案例二 * * @author 作者 : chenyanlong * @version 创建时间:2017年10月22 ...

  8. 模拟QQ聊天与视频聊天同时进行-------java基础知识总结

    前言:多线程的知识 代码: package com.day13.math; /** * 类说明 :模拟QQ聊天与视频聊天同时进行 * @author 作者 : chenyanlong * @versi ...

  9. [易学易懂系列|rustlang语言|零基础|快速入门|（16）|代码组织与模块化]

    [易学易懂系列|rustlang语言|零基础|快速入门|(16)|代码组织与模块化] 实用知识 代码组织与模块化 我们知道,在现代软件开发的过程中,代码组织和模块化是应对复杂性的一种方式. 今天我们来 ...

随机推荐

  1. Xml解析之PULL解析 例2

    <?xml version="1.0" encoding="UTF-8"?> <books> <book id="100 ...

  2. [i.MX6q]i.MX6q处理器，linux操作系统平台搭建 从SD卡启动系统

    转自:http://www.07net01.com/linux/2016/02/1232094.html 参照1:http://blog.csdn.net/girlkoo/article/detail ...

  3. 1.apache php mysql phpmyadmin的安装配置

    一.安装apache ①.双击文件Apach_2.2.8_win32-x86-no_ssl.msi,弹出欢迎界面.单NEXT按钮,进入到License Agreement(许可协议)界面. 同意并ne ...

  4. Easyui Datagrid相同连续列合并扩展（三）

    function MergeCells(seletor, rows, fields) { if(rows == null || rows.length == 0 || fields == null | ...

  5. [Cxf] cxf 相关知识整理

    ① 请求方式为GET @GET @Path(value = "/userAddressManage") @Produces( { MediaType.APPLICATION_JSO ...

  6. GIMP 使用

    在更改uboot启动logo的时候,需要P图,使用了linux的gimp.本文记录如何更改图片大小以及居中显示. 设置画布大小 在图片中右键 image -> Canvas Size 图片居中 ...

  7. 5.3 SpEL语法

    SqEL是一个可以独立于spring的表达式语言,即它可以用在XML中对语法进行简化 5.3 SpEL语法5.3.1 基本表达式一.字面量表达式: SpEL支持的字面量包括:字符串.数字类型(int. ...

  8. QWidget切换

    QWidget切换,参考类:QstackedLayout,QStackedWidget,QTabWidget 一.Tab出现的位置 tabWidget.setTabPosition(QTabWidge ...

  9. 进制A~Z，全字母26进制转化

    public String to26( int x ) { StringBuffer sBuffer = new StringBuffer(); int cur; x++; while( x > ...

  10. LoadRunner中的异常处理

    在脚本的Run-time Settings中,可以设置在脚本运行过程中发生错误的处理方式.进入到Run-time Settings中,切换到Miscellaneous标签页,可以看到Error Han ...