1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.  
  6.     <meta http-equiv="refresh" content="3"/>
  7.     <!--
  8.     <meta http-equiv="Refresh" content="3;url=http://www.baidu.com" />
  9.     -->
  10.     <meta name="keywords" content="测试所有代码"/>
  11.     <meta name="descrtions" content="测试代码"/>
  12.     <meta http-equiv="x-ua-compatible" content="ie=IE9"/>
  13.     <title>所有标签代码示例</title>
  14.     <link rel="icon" href="img/favicon.ico">
  15.     <link rel="stylesheet" href="css/common.css">
  16. </head>
  17. <body>
  18.     <div id="top"></div>
  19.     <h1>1）各种符号</h1>
  20.         空格：&nbsp;
  21.         大于号：&gt;
  22.         小于号: &lt;
  23.     <h1>2）段落换行</h1>
  24.         <p>我家中华人民</p>
  25.     <h1>3）h标签</h1>
  26.         <h1>h1</h1>
  27.         <h2>h2</h2>
  28.         <h3>h3</h3>
  29.         <h4>h4</h4>
  30.         <h5>h5</h5>
  31.         <h5>h6</h5>
  32.         <hr/>
  33.     <h1>4) 行内标签span</h1>
  34.         <span>1111</span>
  35.     <h1>5）a标签</h1>
  36.         <a href="http://www.baidu.com" target="_blank">点我跳百度</a>
  37.         <a href="#top">页内跳转到顶部：锚使用</a>
  38.     <h1>6)form表单</h1>
  39.         <form action="baidu.com" method="get" enctype="multipart/form-data">
  40.             <!-- 用于点击用户名，使得关联的标签获取光标-->
  41.             <label for="username">用户名：</label>
  42.              <!-- 普通输入框，name是传输给后台变量名-->
  43.             <input id="username" type="text" name="username" />
  44.             <br/>
  45.             <label for="password">密码：</label>
  46.             <input id="password" type="password" name="password" />
  47.             <br/>
  48.             <input type="button" value="操作键钮">
  49.             <br/>
  50.             <!-- 单先框，name属性(name相同则互斥) value是传递的值-->
  51.             <input type="radio" name="sex" value="0">男</input>
  52.             <input type="radio" name="sex" value="1">女</input>
  53.             <br/>
  54.             <!-- input type="checkbox" 复选框value,name属性（批量获取数据）单先框，复选框设置默认旨-->
  55.             <input type="checkbox" name="check" checked="checked" value="1">足球</input>
  56.             <input type="checkbox" name="check"  value="2">蓝球</input>
  57.  
  58.             <br/>
  59.              <label for="multi">多行标签：</label>
  60.             <textarea id="multi" name="multi"  ></textarea>
  61.              <br/>
  62.             <label for="select">select：</label>
  63.             <select id="select" name="select" size="2"> <!-- 默认size=1-->
  64.                 <option value="1" selected="selected">1</option><!--默认值-->
  65.                 <option value="2">2</option>
  66.                 <option value="3">3</option>
  67.                 <option value="4">4</option>
  68.             </select>
  69.                 <!--分组-->
  70.             <br/>
  71.             <p>分组</p>
  72.             　<select >
  73. 　　              <optgroup label="上海">1</optgroup><!--分组名称-->
  74. 　　              <option value="2">2</option>
  75.                     <option value="3">3</option>
  76. 　　          </select>
  77.             <!-- 元素组合表单中的相关数据-->
  78.             　　<fieldset>
  79. 　　　　            <legend>登录</legend>
  80. 　　　　            <label>用户名</label>
  81.                      <label>密码</label>
  82. 　　              </fieldset>
  83.  
  84.              <input type="file" value="上传文件">
  85.             <input type="reset" value="重值">
  86.              <input type="submit" value="提交">
  87.         </form>
  88.  
  89.     <h1>7) 表格</h1>
  90.         <table border="1">
  91.             <caption>横跨两列的单元格</caption>
  92.             <tr>
  93.                 <th>姓名</th>
  94.                 <th colspan="2">电话</th>
  95.             </tr>
  96.             <tr>
  97.                 <td>111</td>
  98.                 <td>222</td>
  99.                 <td>3333</td>
  100.             </tr>
  101.             <tr>
  102.                 <td rowspan="2">111</td>
  103.                 <td>222</td>
  104.                 <td>3333</td>
  105.             </tr>
  106.                     <tr>
  107.                 <td>111</td>
  108.                 <td>222</td>
  109.  
  110.             </tr>
  111.         </table>
  112.         <br/>
  113.           <table border="1">
  114.           <thead>
  115.             <tr>
  116.               <th>Month</th>
  117.               <th>Savings</th>
  118.             </tr>
  119.           </thead>
  120.  
  121.           <tfoot>
  122.             <tr>
  123.               <td>Sum</td>
  124.               <td>$180</td>
  125.             </tr>
  126.           </tfoot>
  127.  
  128.           <tbody>
  129.             <tr>
  130.               <td>January</td>
  131.               <td>$100</td>
  132.             </tr>
  133.             <tr>
  134.               <td>February</td>
  135.               <td>$80</td>
  136.             </tr>
  137.           </tbody>
  138.         </table>
  139.  
  140.     <h1>列表</h1>
  141.         <h2>无序列表</h2>
  142.         <ul>
  143.             <li>111</li>
  144.             <li>222</li>
  145.         </ul>
  146.         <h2>有序列表</h2>
  147.         <ol>
  148.             <li>Coffe</li>
  149.             <li>2222</li>
  150.         </ol>
  151.          <h2>自定义列表</h2>
  152.             <dl>
  153.                 <dt>11</dt><dd>black</dd>
  154.                 <dt>222</dt>
  155.                 <dd>white</dd>
  156.             </dl>
  157. </body>
  158. </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. 【BZOJ1858】序列操作（线段树）

    [BZOJ1858]序列操作(线段树) 题面 BZOJ 题解 这题思路很简单,细节很烦,很码 维护区间翻转和区间赋值标记 当打到区间赋值标记时直接覆盖掉翻转标记 下放标记的时候先放赋值标记再放翻转标记 ...

  2. 【bzoj3195】 Jxoi2012—奇怪的道路

    http://www.lydsy.com/JudgeOnline/problem.php?id=3195 (题目链接) 题意 一张$n$个点$m$条边的无向图,每个点度数为偶数,一个点只能向标号与它的 ...

  3. 解题：CQOI 2013 和谐矩阵

    题面 踩踩时间复杂度不正确的高斯消元 首先可以发现第一行确定后就可以确定整个矩阵,所以可以枚举第一行的所有状态然后$O(n)$递推检查是否合法 $O(n)$递推的方法是这样的:设$pre$为上一行,$ ...

  4. bzoj : 4504: K个串 区间修改主席树

    4504: K个串 Time Limit: 20 Sec  Memory Limit: 512 MBSubmit: 268  Solved: 110[Submit][Status][Discuss] ...

  5. TCP: time wait bucket table overflow解决方法

    /var/log/messages 中出现大量的 TCP: time wait bucket table overflow 引起该现象的原因是服务器tcp的连接数太多,超出了内和定义的最大数 临时改变 ...

  6. 01 C++ 多线程入门实例

    1.可复用的完整实例 #include <iostream> #include <thread> #include <mutex> using namespace ...

  7. SQL复杂语句查询练习

    --复杂查询练习 -- 1 .列出所有员工的年工资,按年薪从低到高排序. SELECT (SAL+NVL(COMM,0))*12 INCOME FROM EMP ORDER BY INCOME; -- ...

  8. webApp 页面适配布局

    webApp 页面布局 1. 流式布局 概念: 流式布局是页面元素宽度按照屏幕分辨率进行适配调整,但是整体布局不变. 设计方法: 布局都是通过百分比来定义宽度,但是高度大都是用px固定的. 弊端: 虽 ...

  9. spark-shell启动spark报错

    前言 离线安装好CDH.Coudera Manager之后,通过Coudera Manager安装所有自带的应用,包括hdfs.hive.yarn.spark.hbase等应用,过程很是波折,此处就不 ...

  10. Java并发编程原理与实战一：聊聊并发

    一.大纲 •你真的了解并发吗 •多线程和并发 •多线程和多进程 •线程一定快吗 •学习并发的四个阶段 •学习目标 •适合人群 •荐书   二.学习并发的四个阶段 •熟练掌握API,能够完成并发编程 • ...