<!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

分组

7) 表格

横跨两列的单元格
姓名	电话
111	222	3333
111	222	3333
111	111	222

Month	Savings
Sum	$180
January	$100
February	$80

列表

无序列表

有序列表

Coffe
2222

自定义列表

11: black
222: white

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

基于DotNetOpenAuth的OAuth实现示例代码: 获取access token
1. 场景根据OAuth 2.0规范,该场景发生于下面的流程图中的(D)(E)节点,根据已经得到的authorization code获取access token. 2. 实现环境 DotNetOp ...
0038 Java学习笔记-多线程-传统线程间通信、Condition、阻塞队列、《疯狂Java讲义第三版》进程间通信示例代码存在的一个问题
调用同步锁的wait().notify().notifyAll()进行线程通信看这个经典的存取款问题,要求两个线程存款,两个线程取款,账户里有余额的时候只能取款,没余额的时候只能存款,存取款金额相同 ...
ActiveMQ笔记(1)：编译、安装、示例代码
一.编译虽然ActiveMQ提供了发布版本,但是建议同学们自己下载源代码编译,以后万一有坑,还可以尝试自己改改源码. 1.1 https://github.com/apache/activemq/r ...
C#微信公众平台接入示例代码
http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 这是微信公众平台提供的接入指南.官网只提供了php的示例代码 ...
编译opengl编程指南第八版示例代码通过
最近在编译opengl编程指南第八版的示例代码,如下 #include <iostream> #include "vgl.h" #include "LoadS ...
股票数据调用示例代码php
<!--?php // +---------------------------------------------------------------------- // | JuhePHP ...
php示例代码之类似于C#中的String.Format方法
php示例代码之类似于C#中的String.Format方法原文来自于 http://stackoverflow.com/questions/1241177/c-string-format-equ ...
redis 学习笔记(2)-client端示例代码
redis提供了几乎所有主流语言的client,java中主要使用二种:Jedis与Redisson 一.Jedis的使用 <dependency> <groupId>redi ...
正则表达式学习笔记（附：Java版示例代码）
具体学习推荐:正则表达式30分钟入门教程 . 除换行符以外的任意字符\w word,正常字符,可以当做变量名的,字母.数字.下划线.汉字\s space,空白符 ...
jQuery中读取json文件示例代码
json文件是一种轻量级的数据交互格式.一般在jquery中使用getJSON()方法读取,具体示例代码如下,感兴趣的朋友可以参考下哈,希望可以帮助到你 json文件是一种轻量级的数据交互格式.一 ...

随机推荐

解题：POI 2010 Beads
题面正反各做一遍哈希来判断,然后在两个哈希值里取一个$max/min$做哈希值,然后每次把子串们的哈希插进$set$里,最后统计集合大小,就可以优秀地在$O(nlog^2$ $n)$中出解了然后我 ...
bzoj 1503
1503: [NOI2004]郁闷的出纳员 Time Limit: 5 Sec Memory Limit: 64 MBSubmit: 12311 Solved: 4399[Submit][Stat ...
Keepalived LVS-DR单网络双活双主配置模式
Keepalived LVS-DR单网络双活双主配置模式 Linux就该这么学今天 LVS是Linux Virtual Server的简写,意即Linux虚拟服务器,是一个虚拟的服务器集群系统.LV ...
tp5.1 入口文件即报错
---------------------------------------------------------------[ 2018-10-10T10:51:49+08:00 ] 218.93. ...
IntelliJIDEA永久注册使用
1. 首先下载本地IntelliJIDEA注册服务机(没有密码哦) http://pan.baidu.com/s/1hsyZp0C 2.解压后进入解压的文件夹,找到自己操作系统对应的版本,我这里使用 ...
P1392 取数
P1392 取数题目描述在一个n行m列的数阵中,你须在每一行取一个数(共n个数),并将它们相加得到一个和.对于给定的数阵,请你输出和前k小的取数方法. 说明对于20%的数据,n≤8 对于100% ...
vue 开发过程中遇到的问题
1. gitlab团队协作开发 2. element ui 问题集锦 3. 使用vue和ElementUI快速开发后台管理系统
bzoj1190 [HNOI2007]梦幻岛宝珠
传送门:https://www.lydsy.com/JudgeOnline/problem.php?id=1190 [题解] 首先,我们把所有物品都分解成$a\times 2^b$的形式,然后把物品按 ...
20155303 2016-2017-2 《Java程序设计》第七周学习总结
20155303 2016-2017-2 <Java程序设计>第七周学习总结教材学习中的问题和解决过程『问题一』:SimpleDateFormat中每个字符的含义都是什么? 『问题一解 ...
UITableView--文档版
CHENYILONG Blog UITableView Fullscreen UITableView技术博客http://www.cnblogs.com/ChenYilong/ 新浪微博http: ...

html-示例代码

1）各种符号

2）段落换行

3）h标签

h1

h2

h3

h4

h5

h6

4) 行内标签span

5）a标签

6)form表单

7) 表格

列表

无序列表

有序列表

自定义列表

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

随机推荐

热门专题