body
<h1><code><body></code>内的标签</h1>
<hr />
<h2><code><br /></code>:换行</h2>
<pre><code>123<br />456</code></pre>
<hr />
<h2><code><p></code>:段落</h2>
<pre><code><p>对酒当歌人生几何</p></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">align</td>
<td style="text-align: center;">对齐方式</td>
<td style="text-align: left;">left,center,right</td>
</tr>
</tbody>
</table>
<hr />
<h2><code><hx></code>:标题(1-6)</h2>
<pre><code><h1>对酒当歌人生几何</h1>
<h2>对酒当歌人生几何</h2>
<h3>对酒当歌人生几何</h3>
<h4>对酒当歌人生几何</h4>
<h5>对酒当歌人生几何</h5>
<h6>对酒当歌人生几何</h6></code></pre>
<hr />
<h2><code><hr /></code>:水平线</h2>
<pre><code><hr /></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">size</td>
<td style="text-align: center;">线的粗细</td>
<td style="text-align: left;">px</td>
</tr>
<tr>
<td style="text-align: center;">width</td>
<td style="text-align: center;">线的长度</td>
<td style="text-align: left;">px、%</td>
</tr>
</tbody>
</table>
<hr />
<h2>文本格式</h2>
<pre><code><b>粗体</b>
<i>斜体</i>
<s>删除</s>
<u>下划线</u>
<sup>上标</sup>
<sub>下表</sub></code></pre>
<h2><code><pre></code>:与格式文本</h2>
<pre><code><pre>标签可以保留文字在源代码中的格式,使得页面中显示的内容和源代码中的格式一致</pre></code></pre>
<hr />
<h2><code><font></code>:字体</h2>
<pre><code><font>对酒当歌人生几何</font></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">size</td>
<td style="text-align: center;">字体大小</td>
<td style="text-align: left;">px、em...</td>
</tr>
<tr>
<td style="text-align: center;">color</td>
<td style="text-align: center;">字体颜色</td>
<td style="text-align: left;">#、rgb、word</td>
</tr>
</tbody>
</table>
<hr />
<h2><code><a></code>:链接</h2>
<pre><code><a href="url">《短歌行》</a>
<a href="#top">锚点</a>
<a href="mailto:邮箱地址">发邮件</a>
<a href="tel:电话号码">打电话</a>
<a href="sms:手机号码">发短信</a></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">href</td>
<td style="text-align: center;">跳转的地址</td>
<td style="text-align: left;">url、#id(锚点)、通讯</td>
</tr>
<tr>
<td style="text-align: center;">title</td>
<td style="text-align: center;">鼠标移入显示的文本</td>
<td style="text-align: left;">str</td>
</tr>
<tr>
<td style="text-align: center;">target</td>
<td style="text-align: center;">打开链接的方式</td>
<td style="text-align: left;">_blank(新标签)、_self(当前页)、_top</td>
</tr>
</tbody>
</table>
<hr />
<h2><code><img /></code>:图像、图像热区</h2>
<pre><code><img src="url" usemap="#mapName"/>
<map name="mapName">
<area shape="形状" coords="坐标值" href="url"/>
</map></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">src</td>
<td style="text-align: center;">图像的url</td>
<td style="text-align: left;">url</td>
</tr>
<tr>
<td style="text-align: center;">alt</td>
<td style="text-align: center;">图像不存在时的替代文字</td>
<td style="text-align: left;">str</td>
</tr>
<tr>
<td style="text-align: center;">width</td>
<td style="text-align: center;">图像宽度</td>
<td style="text-align: left;">num</td>
</tr>
<tr>
<td style="text-align: center;">height</td>
<td style="text-align: center;">图像高度</td>
<td style="text-align: left;">num</td>
</tr>
<tr>
<td style="text-align: center;">图像热区</td>
<td style="text-align: center;"></td>
<td style="text-align: left;"></td>
</tr>
<tr>
<td style="text-align: center;">shape</td>
<td style="text-align: center;">形状</td>
<td style="text-align: left;">rect、circle、poly</td>
</tr>
<tr>
<td style="text-align: center;">coords</td>
<td style="text-align: center;">坐标值</td>
<td style="text-align: left;">(x1,x2,x3...)</td>
</tr>
</tbody>
</table>
<hr />
<h2><code><ul></code>:无序列表</h2>
<pre><code><ul>
<li>......</li>
<li>......</li>
<li>......</li>
</ul></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">type</td>
<td style="text-align: center;">用来设置项目前面的标记</td>
<td style="text-align: left;">disc、Circle、square</td>
</tr>
</tbody>
</table>
<h2><code><ol></code>:有序列表</h2>
<pre><code><ol>
<li>......</li>
<li>......</li>
<li>......</li>
</ol></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">type</td>
<td style="text-align: center;">用来设置项目前面的标记</td>
<td style="text-align: left;">1、 a 、 A、i、I</td>
</tr>
<tr>
<td style="text-align: center;">start</td>
<td style="text-align: center;">序列起始值</td>
<td style="text-align: left;">数值</td>
</tr>
</tbody>
</table>
<h2><code><dl></code>:定义列表</h2>
<pre><code><dl>
<dt>HTML</dt>
<dd>html 是超文本标记语言</dd>
<dt>XHTML</dt>
<dd>可扩展超文本置标语言 </dd>
<dd>表现形式与超文本置标语言(HTML)类似,不过语法上更加严格 </dd>
</dl></code></pre>
<h2><code><table></code>:表格</h2>
<pre><code><table border="1">
<tr>
<th>theader, cell 1</th> <th>theader, cell 2</th>
</tr>
<tr>
<td>row 1, cell 1</td> <td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td> <td>row 2, cell 2</td>
</tr>
</table></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">width</td>
<td style="text-align: center;">指定表格的宽度</td>
<td style="text-align: left;">px,%</td>
</tr>
<tr>
<td style="text-align: center;">height</td>
<td style="text-align: center;">指定表格的高度</td>
<td style="text-align: left;">px,%</td>
</tr>
<tr>
<td style="text-align: center;">border</td>
<td style="text-align: center;">指定表格边框的宽度</td>
<td style="text-align: left;">px,%</td>
</tr>
<tr>
<td style="text-align: center;">cellpadding</td>
<td style="text-align: center;">指定边框与内容之间的空白</td>
<td style="text-align: left;">px</td>
</tr>
<tr>
<td style="text-align: center;">cellspacing</td>
<td style="text-align: center;">指定单元格之间的空白</td>
<td style="text-align: left;">px</td>
</tr>
<tr>
<td style="text-align: center;">align</td>
<td style="text-align: center;">指定对齐方式</td>
<td style="text-align: left;">left,center,right</td>
</tr>
<tr>
<td style="text-align: center;">valign</td>
<td style="text-align: center;">垂直排列方式</td>
<td style="text-align: left;">top,middle,bottom</td>
</tr>
<tr>
<td style="text-align: center;">colspan</td>
<td style="text-align: center;">合并列</td>
<td style="text-align: left;">列数</td>
</tr>
<tr>
<td style="text-align: center;">rowspan</td>
<td style="text-align: center;">合并行</td>
<td style="text-align: left;">行数</td>
</tr>
</tbody>
</table>
<h2><code><form></code>:表单</h2>
<pre><code><form name="form1" action="URL" method="get">
用户名:<input type="text" name="uname" />
密 码:<input type="password" name="passwd" />
</form></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">action</td>
<td style="text-align: center;">表单提交地址</td>
<td style="text-align: left;">url</td>
</tr>
<tr>
<td style="text-align: center;">method</td>
<td style="text-align: center;">表单数据提交的方式</td>
<td style="text-align: left;">get ,post</td>
</tr>
<tr>
<td style="text-align: center;">action</td>
<td style="text-align: center;">表单提交地址</td>
<td style="text-align: left;">url</td>
</tr>
<tr>
<td style="text-align: center;">autocomplete</td>
<td style="text-align: center;">提示历史填写项</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">novalidate</td>
<td style="text-align: center;">不验证表单</td>
<td style="text-align: left;">-</td>
</tr>
</tbody>
</table>
<h2><code><input /></code>:输入框</h2>
<pre><code><input type="button" value="普通按钮" />
<input type="checkbox" value="复选框" />
<input type="color" value="拾色器" />
<input type="date" value="" />
<input type="datetime" value="" /> 不支持
<input type="datetime-local" name="user_date" value="2016/05/05 10:41" />
<input type="month" value="" />选择月份
<input type="week" value="" />选择周
<input type="time" value="" />选择时间
<input type="email" value="" />Email
<input type="file" value="" />文件类型
<input type="hidden" value="" />隐藏域
<input type="image" value="" />选择图片
<input type="number" value="" />数字键盘
<input type="password" value="" />输入密码
<input type="radio" value="" />单选按钮
<input type="range" min="0" max="10" step="1" />选择范围
<input type="reset" value="重置" />表单重置按钮
<input type="search" value="" />用于搜索
<input type="submit" value="提交" /> 提交按钮
<input type="tel" value="" />电话号码字段
<input type="text" value="" />输入框
<input type="url" value="http://baidu.com" />输入连接</code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">type</td>
<td style="text-align: center;">input类型</td>
<td style="text-align: left;">text、number、password等</td>
</tr>
<tr>
<td style="text-align: center;">name</td>
<td style="text-align: center;">input名称</td>
<td style="text-align: left;">string</td>
</tr>
<tr>
<td style="text-align: center;">value</td>
<td style="text-align: center;">input值</td>
<td style="text-align: left;">string</td>
</tr>
<tr>
<td style="text-align: center;">multiple</td>
<td style="text-align: center;">可接受多个值的文件上传字段(file)</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">readonly</td>
<td style="text-align: center;">只读</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">disabled</td>
<td style="text-align: center;">禁用</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">required</td>
<td style="text-align: center;">必填</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">maxlength</td>
<td style="text-align: center;">输入字符的最大长度(text、password)</td>
<td style="text-align: left;">number</td>
</tr>
<tr>
<td style="text-align: center;">autocomplete</td>
<td style="text-align: center;">提示历史填写项</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">autofocus</td>
<td style="text-align: center;">页面加载时自动获得焦点</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">form</td>
<td style="text-align: center;">属于指定form的input(此input可不在form内)</td>
<td style="text-align: left;">formName</td>
</tr>
<tr>
<td style="text-align: center;">pattern</td>
<td style="text-align: center;">验证</td>
<td style="text-align: left;">reg</td>
</tr>
<tr>
<td style="text-align: center;">placeholder</td>
<td style="text-align: center;">占位</td>
<td style="text-align: left;">string</td>
</tr>
<tr>
<td style="text-align: center;">min, max, step</td>
<td style="text-align: center;">最小值,最大值,如果 step="3",则合法数字应该是 -3、0、3、6,以此类推(number)</td>
<td style="text-align: left;">number</td>
</tr>
</tbody>
</table>
<h2><code><textarea></code>:多行文本框</h2>
<pre><code><textarea name="content" rows="5" cols="50"> </textarea></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">rows</td>
<td style="text-align: center;">行</td>
<td style="text-align: left;">number</td>
</tr>
<tr>
<td style="text-align: center;">cols</td>
<td style="text-align: center;">列</td>
<td style="text-align: left;">number</td>
</tr>
<tr>
<td style="text-align: center;">name</td>
<td style="text-align: center;">名称</td>
<td style="text-align: left;">str</td>
</tr>
</tbody>
</table>
<h2><code><select></code>:下拉列表框</h2>
<pre><code><select name="city">
<option value="0">请选择</option>
<option value="bj">北京</option>
<option value="gz">广州</option>
</select></code></pre>
<table>
<thead>
<tr>
<th style="text-align: center;">属性</th>
<th style="text-align: center;">说明</th>
<th style="text-align: left;">值</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">name</td>
<td style="text-align: center;">名称</td>
<td style="text-align: left;">str</td>
</tr>
<tr>
<td style="text-align: center;">size</td>
<td style="text-align: center;">下拉列表框的显示行数</td>
<td style="text-align: left;">number</td>
</tr>
<tr>
<td style="text-align: center;">multiple</td>
<td style="text-align: center;">是否多选</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">disabled</td>
<td style="text-align: center;">是否禁用</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">selected</td>
<td style="text-align: center;">设置默认选中的选项</td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: center;">value</td>
<td style="text-align: center;">选项的值</td>
<td style="text-align: left;">str、number</td>
</tr>
</tbody>
</table>