<!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. ngx_lua模块学习示例之waf

    转自:http://www.tuicool.com/articles/FbQ3ymB WAF的主要功能为: ip黑白名单 url黑白名单 useragent黑白名单 referer黑白名单 常见web ...

  2. Gogs http和ssh地址显示localhost的问题

    问题描述: 如下图所示HTTP和SSH地址显示的是localhost而不是对应的域名或地址. 解决方案: 按以下方法修改Gogs配置文件并重启服务器 域名问题 RUN_USER = git DOMAI ...

  3. Javascript事件监听

    FireFox : addEventListener()方法 IE : attachEvent()方法 为HTML元素添加一个事件监听, 而不是直接对元素的事件属性(如:onclick.onmouse ...

  4. [android] AndroidManifest.xml - 【 manifest -> Application -> activity 】

    <activity android:allowTaskReparenting=["true" | "false"] android:alwaysRetai ...

  5. 32Mybatis_mybatis逆向工程自动生成代码

    实际工作中要用的.很重要! mybaits需要程序员自己编写sql语句,mybatis官方提供逆向工程 可以针对单表自动生成mybatis执行所需要的代码(mapper.java,mapper.xml ...

  6. Spring Framework 官方文档学习（三）之Resource

    起因 标准JDK中使用 java.net.URL 来处理资源,但有很多不足,例如不能限定classpath,不能限定 ServletContext 路径. 所以,Spring提供了 Resource ...

  7. Linux性能调优、Linux集群与存储等

    http://freeloda.blog.51cto.com/    51cto

  8. url 模式录制脚本web_concurrent_start和web_concurrent_end

    LoadRunner函数中文翻译系列之三--Concurrent Groupweb_concurrent_start 语法: int web_concurrent_start ( [char * Co ...

  9. Python+selenium之简单介绍unittest单元测试框架

    Python+selenium之简单介绍unittest单元测试框架 一.unittest简单介绍 unittest支持测试自动化,共享测试用例中的初始化和关闭退出代码,在unittest中最小单元是 ...

  10. iOS开发之--使用storyboard进行跳转

    iOS开发中使用故事板进行开发是非常高效的一种方式,虽然有这样那样的问题,但是不得不承认,使用sb可以在最短的时间内完成整个项目的布局,节约开发者大量的时间,而且便于修改,非常直观,虽然可能不太灵活, ...