<!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> ???????空格： ???????大于号：> ???????小于号: < ???<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表单
7) 表格
| 姓名 | 电话 | |
|---|---|---|
| 111 | 222 | 3333 |
| 111 | 222 | 3333 |
| 111 | 222 | |
| Month | Savings |
|---|---|
| Sum | $180 |
| January | $100 |
| February | $80 |
列表
无序列表
- 111
- 222
有序列表
- Coffe
- 2222
自定义列表
- 11
- black
- 222
- white
html-示例代码
原文地址：http://www.cnblogs.com/lixiang1013/p/7535780.html