<!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. sama5 kio接口控制

    //example #include <stdio.h>#include <stdlib.h>#include <unistd.h>#include <str ...

  2. Hdu 2236 无题II 最大匹配+二分

    题目链接: pid=2236">Hdu 2236 解题思路: 将行和列理解为二分图两边的端点,给出的矩阵即为二分图中的全部边, 假设二分图能全然匹配,则说明 不同行 不同列的n个元素 ...

  3. Javascript代码执行过程-《悟透Javascript》笔记

    本文摘录自李战老师<悟透Javascript>一书的部分章节,为适应博客发表作了一点点修改. 1) 预编译分析. JavaScript执行引擎将所有定义式函数直接创建为作用域上的函数变量, ...

  4. thinkphp nginx pathinfo模式支持

    最近一个项目中使用了ThinkPHP做为开发框架,URL上我们使用了PATHINFO模式,但是Nginx默认是不支持PATHINFO的,需要进行手动配置才可以,于是我们按照了以下方法进行了Nginx的 ...

  5. hdu 1025:Constructing Roads In JGShining's Kingdom（DP + 二分优化）

    Constructing Roads In JGShining's Kingdom Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65 ...

  6. 移动ChemDraw结构有什么方法

    ChemDraw软件是一款比较常见的化学绘图软件,化学专业的领域的人常常会用到它.本教程主要是针对新手用户,让其了解一些ChemDraw的一些基本操作,以便其能尽快上手早日用到工作中.下面我们就来给大 ...

  7. SVN入门2

    TortoiseSVN 以简单易用的安装包的形式发布.双击安装文件并按照提示操作.安装文件会照顾其余的事情.安装结束后不要忘记重启电脑. Import(导入) 导入.导出是以服务器上的版本库为中心的. ...

  8. 第一个内核模块hello world

    1.源码树的下载和编译(只是研究内核模块的话,应该不需要源码树的) 下载很简单,压缩包解压 编译:make menuconfig make bzImage -j4 参考 2. cd  /usr/src ...

  9. Dynamic Programming: Fibonacci

    Recently I watched an interesting video in youtube, the vbloger use calculating Fibonacci number to ...

  10. 基于注解的形式配置Bean

    基于注解的方式配置Bean:也就说我们在每个Bean的类名前面注解一下,Spring会自动帮我们扫描Bean放进IOC容器中 I基于注解的方式配置Bean(没有依赖关系的Bean)有两个步骤: 1组件 ...