<!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. BZOJ 2527 Meteors | 整体二分

    BZOJ 2527 Meteors 题意 一个圆环上有m个位置,编号为1~m,分别属于n个国家. 有k个时刻,每个时刻都会给圆环上的一个区间中每个位置的值加上一个数. 每个国家有一个目标,问对于每个国 ...

  2. Android Paging库使用详解

    Android分页包能够更轻易地在RecyclerView里面缓慢且优雅地加载数据. 许多应用从数据源消耗数据, 数据源里面有大量的数据, 但是一次却只展示一小部分. 分页包帮助应用观测和展示大量数据 ...

  3. 【Cf #291 B】R2D2 and Droid Army（二分，线段树）

    因为题目中要求使连续死亡的机器人最多,令人联想到二分答案. 考虑如何检验这之中是否存在一段连续的长度为md的区间,其中花最多k步使得它们都死亡. 这个条件等价于区间中m个最大值的和不超过k. 枚举起点 ...

  4. Linux内核设计与实现第八周读书笔记

    第四章 进程调度 进程在操作系统看来是程序的运行态表现形式. 4.1多任务 多任务操作系统就是能同时并发地交互执行多个进程的操作系统. 多任务操作系统会使多个进程处于堵塞或者睡眠状态.这些任务尽管位于 ...

  5. Linux系统启动详解（三）

    上节已系统initramfs已启动完成,将系统控制权交给了真正的rootfs的/sbin/init,下面就是/sbin/init干活的时间了. 4       /sbin/init initramfs ...

  6. Chapter2（变量和基础类型）--C++Prime笔记

    数据类型选择的准则: ①当明确知晓数值不可能为负时,选用无符号类型. ②使用int执行整数运算.在实际应用中,short常常显得太小而long一般和int有一样的尺寸.如果运算范围超过int的表示范围 ...

  7. 静态常量整数成员在class内部直接初始化

    #include <vector> #include <deque> #include <algorithm> #include <iostream> ...

  8. 【Asp.net入门3-04】使用jQuery-使用jQuery事件

  9. Macvlan技术

    参考博客:https://blog.csdn.net/dog250/article/details/45788279 一.MACVLAN虚拟网卡技术 MACVLAN技术可谓是提出一种将一块以太网卡虚拟 ...

  10. ip地址、子网掩码、DNS的关系与区别

    首先ip地址可能表示内网或者外网地址: 内网也就是局域网,最直观的就是像网吧,公司内部的电脑用交换机,HUB,路由连起来的.再通过光钎.猫接入INTERNET的. 外网就像你家里的一台电脑.用猫拨号上 ...