<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">

<head>

    <meta charset="UTF-8"/>

    <meta http-equiv="refresh" content="3"/>

    <!--

    <meta http-equiv="Refresh" content="3;url=http://www.baidu.com" />

    -->

    <meta name="keywords" content="测试所有代码"/>

    <meta name="descrtions" content="测试代码"/>

    <meta http-equiv="x-ua-compatible" content="ie=IE9"/>

    <title>所有标签代码示例</title>

    <link rel="icon" href="img/favicon.ico">

    <link rel="stylesheet" href="css/common.css">

</head>

<body>

    <div id="top"></div>

    <h1>1）各种符号</h1>

        空格：&nbsp;

        大于号：&gt;

        小于号: &lt;

    <h1>2）段落换行</h1>

        <p>我家中华人民</p>

    <h1>3）h标签</h1>

        <h1>h1</h1>

        <h2>h2</h2>

        <h3>h3</h3>

        <h4>h4</h4>

        <h5>h5</h5>

        <h5>h6</h5>

        <hr/>

    <h1>4) 行内标签span</h1>

        <span>1111</span>

    <h1>5）a标签</h1>

        <a href="http://www.baidu.com" target="_blank">点我跳百度</a>

        <a href="#top">页内跳转到顶部：锚使用</a>

    <h1>6)form表单</h1>

        <form action="baidu.com" method="get" enctype="multipart/form-data">

            <!-- 用于点击用户名，使得关联的标签获取光标-->

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

             <!-- 普通输入框，name是传输给后台变量名-->

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

            <br/>

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

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

            <br/>

            <input type="button" value="操作键钮">

            <br/>

            <!-- 单先框，name属性(name相同则互斥) value是传递的值-->

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

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

            <br/>

            <!-- input type="checkbox" 复选框value,name属性（批量获取数据）单先框，复选框设置默认旨-->

            <input type="checkbox" name="check" checked="checked" value="1">足球</input>

            <input type="checkbox" name="check"  value="2">蓝球</input>

            <br/>

             <label for="multi">多行标签：</label>

            <textarea id="multi" name="multi"  ></textarea>

             <br/>

            <label for="select">select：</label>

            <select id="select" name="select" size="2"> <!-- 默认size=1-->

                <option value="1" selected="selected">1</option><!--默认值-->

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

                <option value="3">3</option>

                <option value="4">4</option>

            </select>

                <!--分组-->

            <br/>

            <p>分组</p>

            　<select >

　　              <optgroup label="上海">1</optgroup><!--分组名称-->

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

                    <option value="3">3</option>

　　          </select>

            <!-- 元素组合表单中的相关数据-->

            　　<fieldset>

　　　　            <legend>登录</legend>

　　　　            <label>用户名</label>

                     <label>密码</label>

　　              </fieldset>

             <input type="file" value="上传文件">

            <input type="reset" value="重值">

             <input type="submit" value="提交">

        </form>

    <h1>7) 表格</h1>

        <table border="1">

            <caption>横跨两列的单元格</caption>

            <tr>

                <th>姓名</th>

                <th colspan="2">电话</th>

            </tr>

            <tr>

                <td>111</td>

                <td>222</td>

                <td>3333</td>

            </tr>

            <tr>

                <td rowspan="2">111</td>

                <td>222</td>

                <td>3333</td>

            </tr>

                    <tr>

                <td>111</td>

                <td>222</td>

            </tr>

        </table>

        <br/>

          <table border="1">

          <thead>

            <tr>

              <th>Month</th>

              <th>Savings</th>

            </tr>

          </thead>

          <tfoot>

            <tr>

              <td>Sum</td>

              <td>$180</td>

            </tr>

          </tfoot>

          <tbody>

            <tr>

              <td>January</td>

              <td>$100</td>

            </tr>

            <tr>

              <td>February</td>

              <td>$80</td>

            </tr>

          </tbody>

        </table>

    <h1>列表</h1>

        <h2>无序列表</h2>

        <ul>

            <li>111</li>

            <li>222</li>

        </ul>

        <h2>有序列表</h2>

        <ol>

            <li>Coffe</li>

            <li>2222</li>

        </ol>

         <h2>自定义列表</h2>

            <dl>

                <dt>11</dt><dd>black</dd>

                <dt>222</dt>

                <dd>white</dd>

            </dl>

</body>

</html>

1）各种符号

空格：  大于号：> 小于号: <

2）段落换行

我家中华人民

3）h标签

h1

h2

h3

h4

h5
h6

4) 行内标签span

1111

5）a标签

点我跳百度 页内跳转到顶部：锚使用

6)form表单

用户名：  
密码：  
 
男 女 
足球 蓝球 
多行标签：  
select：                   
1

                 
2

3

4

分组

　 　　              
1

 　　              
2

3

　　           　　　　　　登录　　　　 用户名 密码 　　

7) 表格

横跨两列的单元格
姓名 电话
111 222 3333
111 222 3333
111 222
Month Savings
Sum $180
January $100
February $80

列表

无序列表

  • 111
  • 222

有序列表

  1. Coffe
  2. 2222

自定义列表

11
black
222
white

html-示例代码的更多相关文章

  1. 基于DotNetOpenAuth的OAuth实现示例代码: 获取access token

    1. 场景 根据OAuth 2.0规范,该场景发生于下面的流程图中的(D)(E)节点,根据已经得到的authorization code获取access token. 2. 实现环境 DotNetOp ...

  2. 0038 Java学习笔记-多线程-传统线程间通信、Condition、阻塞队列、《疯狂Java讲义 第三版》进程间通信示例代码存在的一个问题

    调用同步锁的wait().notify().notifyAll()进行线程通信 看这个经典的存取款问题,要求两个线程存款,两个线程取款,账户里有余额的时候只能取款,没余额的时候只能存款,存取款金额相同 ...

  3. ActiveMQ笔记(1)：编译、安装、示例代码

    一.编译 虽然ActiveMQ提供了发布版本,但是建议同学们自己下载源代码编译,以后万一有坑,还可以尝试自己改改源码. 1.1 https://github.com/apache/activemq/r ...

  4. C#微信公众平台接入示例代码

    http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 这是微信公众平台提供的接入指南.官网只提供了php的示例代码 ...

  5. 编译opengl编程指南第八版示例代码通过

    最近在编译opengl编程指南第八版的示例代码,如下 #include <iostream> #include "vgl.h" #include "LoadS ...

  6. 股票数据调用示例代码php

    <!--?php // +---------------------------------------------------------------------- // | JuhePHP ...

  7. php示例代码之类似于C#中的String.Format方法

    php示例代码之类似于C#中的String.Format方法 原文来自于  http://stackoverflow.com/questions/1241177/c-string-format-equ ...

  8. redis 学习笔记(2)-client端示例代码

    redis提供了几乎所有主流语言的client,java中主要使用二种:Jedis与Redisson 一.Jedis的使用 <dependency> <groupId>redi ...

  9. 正则表达式学习笔记（附：Java版示例代码）

    具体学习推荐:正则表达式30分钟入门教程 .         除换行符以外的任意字符\w      word,正常字符,可以当做变量名的,字母.数字.下划线.汉字\s        space,空白符 ...

  10. jQuery中读取json文件示例代码

    json文件是一种轻量级的数据交互格式.一般在jquery中使用getJSON()方法读取,具体示例代码如下,感兴趣的朋友可以参考下哈,希望可以帮助到你   json文件是一种轻量级的数据交互格式.一 ...

随机推荐

  1. Maximum Subarray - LeetCode

    目录 题目链接 注意点 解法 小结 题目链接 Maximum Subarray - LeetCode 注意点 最大值有可能是正负数交替着出现 解法 解法一:一次遍历即可.当sum小于0的时候就重新开始 ...

  2. USACO Section 1.5 Number Triangles 解题报告

    题目 题目描述 现在有一个数字三角形,第一行有一个数字,第二行有两个数字,以此类推...,现在从第一行开始累加,每次在一个节点累加完之后,下一个节点必须是它的左下方的那个节点或者是右下方那个节点,一直 ...

  3. 3532: [Sdoi2014]Lis 最小字典序最小割

    3532: [Sdoi2014]Lis Time Limit: 10 Sec  Memory Limit: 512 MBSubmit: 865  Solved: 311[Submit][Status] ...

  4. BZOJ 4827 循环卷积

    题意:求两个手环任意旋转对应位置的差值+c的平方最小 设b旋转到k最小,那么先将b扩张一倍构成一圈,那么答案式子就是 将这个式子展开一下,事情就变得有趣了起来 这个式子将a[ ]翻转可以化成卷积形式 ...

  5. Qt ------ Q_UNUSED

    Q_UNUSED(name) Indicates to the compiler that the parameter with the specified name is not used in t ...

  6. Python【OS】模块

    import osprint(os.getcwd())#取当前工作目录#os.chmod("day6-os模块.py",2)#给文件/目录加权限,对Windows的下面不好使(1. ...

  7. 安装并使用 Wowza 发布你的 RTMP 直播流

    转载自:http://blog.csdn.net/defonds/article/details/11979095 I. 下载 Wowza         官方下载地址 http://www.wowz ...

  8. Kafka 0.8 Controller设计机制和状态变化

    在kafka集群中,其中一个broker server作为中央控制器Control,负责管理分区和副本状态并执行管理着这些分区的重新分配. 下面说明如何通过中央控制器操作分区和副本的状态. 名词解释 ...

  9. StringBuffer类和String 类的 equals 和 ==

    注意: equals(Object obj)equals方法的参数是任意对象 Object类的equals方法就是用==判断的,即判断两个对象是否为同一个对象 StringBuffer类没有重写equ ...

  10. presto架构和原理

    Presto 是 Facebook 推出的一个基于Java开发的大数据分布式 SQL 查询引擎,可对从数 G 到数 P 的大数据进行交互式的查询,查询的速度达到商业数据仓库的级别,据称该引擎的性能是 ...