<!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. 【Cf #503 C】Sergey's problem（有趣的构造）

    感觉这种构造题好妙啊,可我就是想不到诶. 给出一张无自环的有向图,回答一个独立集,使得图中任意一点都可以被独立集中的某一点两步之内走到. 具体构造方案如下: 下标从小到大枚举点,如果该点没有任何标记, ...

  2. MYSQL指定用户访问指定数据库

    1.使用navicat 1)首先使用root用户新建连接 2)新建mysql用户 3)点击权限,选择添加权限,出现MySQL中已存在的数据库列表,选择你要为该新建用户开放的数据库,此处选择“maiba ...

  3. Chapter 2(算法)

    附件列表 算法.jpg

  4. PyCharm引入自定义类报错

    This inspection detects names that should resolve but don't. Due to dynamic dispatch and duck typing ...

  5. django中模板变量与内置标签以及过滤器

    本文参考 官方文档 . 一  模板变量 格式: {{ variable_name }} variable_name   命名规则与变量命名规则类似,允许字符数字下划线,不允许标点. variable_ ...

  6. GetVersionEx 正确获取windows10版本

    vs2008直接将下面xml保存成文件添加到资源文件 vc的话insert-->Resource-->Custom-->输入24,ok-->id改为1-->把下面内容保存 ...

  7. Java基础-初识面向对象编程（Object-Oriented-Programming）

    Java基础-初识面向对象编程(Object-Oriented-Programming) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. Java是一门面向对象的程序设计语言.那么什 ...

  8. HTTP协议(1)-------- 网络编程

    1. HTTP简介 HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议.它可以使浏览器更加高效,使网络传输减少. ...

  9. JavaScript中replace()方法的第二个参数解析

    语法 string.replace(searchvalue,newvalue) 参数值 searchvalue 必须.规定子字符串或要替换的模式的 RegExp 对象.请注意,如果该值是一个字符串,则 ...

  10. springboot 以jar方式在linux后台运行

    linux命令如下: nohup java -jar 自己的springboot项目.jar >日志文件名.log 2>&1 & 命令解释: nohup:不挂断地运行命令, ...