<!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. 16C554在LINUX上的移植（AT91）

    16C554在LINUX上的移植(AT91) linux版本:3.14.17 AT91SAMa5d36   EINTA_0   ARM-IO5        PA14         14 EINTA ...

  2. UEFI + win8 + ubuntu16.04双系统安装

    主要参考 https://linux.cn/article-3178-1.html https://linux.cn/article-3061-1.html 其他 https://jingyan.ba ...

  3. android 开发之hello world！

    http://blog.sina.com.cn/s/blog_4e08922b0100nh6e.html http://blog.csdn.net/poechant/article/details/7 ...

  4. 使用ANT编译项目报错 com.sun.image.codec.jpeg does not exist 解决方法

    项目开发中在对图片进行裁切处理的时候,有时候是会使用到 com.sun 包下的类时. 假设项目使用ant编译,会出现错误 com.sun.image.codec.jpeg does not exist ...

  5. ERROR getting 'android:label' attribute: attribute is not a string value

    这个的原因很多地方都有描述,原因多半是多国语言string.xml 有的有这个值, 有的没有. 关键是怎么定位? 实际上他报错的是当前处理的xml element有问题, 而出错的时候盖住了要处理的. ...

  6. ajax 请求登录超时跳转登录页的示例代码

    Ajax AJAX即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. 在Filter里判断是否登录,如果未 ...

  7. HDU4081 Qin Shi Huang&#39;s National Road System【prim最小生成树+枚举】

    先求出最小生成树,然后枚举树上的边,对于每条边"分别"找出这条割边形成的两个块中点权最大的两个 1.因为结果是A/B.A的变化会引起B的变化,两个制约.无法直接贪心出最大的A/B. ...

  8. 【黑金原创教程】【Modelsim】【第四章】激励文本就是仿真环境

      声明:本文为黑金动力社区(http://www.heijin.org)原创教程,如需转载请注明出处,谢谢! 黑金动力社区2013年原创教程连载计划: http://www.cnblogs.com/ ...

  9. ios 动画的时候 如果加阴影 会卡顿的

    记录一下今天某群的聊天记录,一些算是经验吧,以后有用的.呵呵~    动画的时候 如果加阴影 会卡顿的 A  10:59:13            _toView.layer.shadowColor ...

  10. List<Integer>.remove()的一个小细节

    不废话,先上代码: ArrayList<Integer> col = new ArrayList<Integer>(); System.out.println("In ...