<head>
???<meta>
???????<meta charset="UTF-8"> ?????#编码
???????<meta http-equiv="refresh" content="2;Url=http://www.baidu.com"> #跳转hold 2 secondes and link to baidu.com
???????<meta name="keywords" content="aaaaaaaaa"> ?#推广用
???????<meta name="description content="aaaaaaaaa"> ???#推广用
???????<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;IE=IE7"/> ???#IE兼容
???<title>
???<link>
???????<link rel="shortcut icon" href="image/favicon.ico"> ????#指定图标
???<style>
???<script>
<body>
??? ?#space
???< ???#<
???> ???#>
???块标签:
???????<p> ????#change paragraph
???????<h1> ???#bigger title
???????<div> ??#什么特性都没有
???<br> ???#change line
???行内标签:
???????<span> ?#什么特性都没有,可以变成任何标签
???????<a>
???form标签:
???????<form action="www.aa.com", enctype="multipart/form-data">
???????????<input type="text", name="input_login">
???????????<input type="password", name="input_password">
???????????<input type="button", name="input_button", value="login">
???????????<input type="radio", name="input_radio", value="1"> ????# 同一个name在同一个组内
???????????<input type="checkbox", name="input_checkbox", checked="checked"> ?????# 同一个名字在同一个组内
???????????<input type="file", name="input_file"> ?????# 依赖enctype="multipart/form-data"
???????????<input type="submit", name="input_submit", value="login">
???????????<input type="reset", value="reset">
???????????<textarea name="textarea">aa</textarea>
???????????<select name="select">
???????????????<optgroup label="hebei">
???????????????????<option value="1">1</option>
???????????????????<option value="2">2</option>
???????????????</optgroup>
???????????????<optgroup label="henan">
???????????????????<option value="3">3</option>
???????????????????<option value="4">4</option>
???????????????</optgroup>
???????????</select>
???????</form>
???img标签:
???????src
???????title: info when the mouse above the image
???????alt: info when the image cann‘t appear
???列表
???????无序列表:
???????????<ul>
???????????????<li>111</li>
???????????</ul>
???????有序列表:
???????????<ol>
???????????????<li>222</li>
???????????</ol>
???????能分列的列表
???????????<dl>
???????????????<dt>333</dt>
???????????????<dd>444</dd>
???????????</dl>
???table标签:
???????thead:表头
???????????<tr> ???行
???????????<th>table head 1</th> ??列
???????tbody:表体
???????????<tr> ???行
???????????<td>table body 1</td> ??列
???????????????colspan="2" ????占两行
???????????????rowspan="2" ????占两列
???label标签: ?点击label内的文字直接在for的标签内输入
???????<label for="username"> aaaa</label>
???????<input id="username" type="text" name="user">
???fieldset标签:
???????<legend>login</legend> ?显示的fieldset的名字
???????<input id="username" type="text" name="user">
???????<input id="password" type="password" name="user">
???</fieldset>
<!DOCTYPE html><html lang="en"><!-- compent ?multi line 111aaaa--><head> ???<meta charset="UTF-8"> ???<!--<meta http-equiv="refresh" content="2;Url=http://www.baidu.com">--> ???<title>Title</title></head><body><a> aaa2 </a> ???<form action="dm.testing.inspos.cn" enctype="multipart/form-data"> ???????<input type="text", name="input_login"> ???????<input type="password", name="input_password"> ???????<input type="button", name="input_button", value="login"> ???????<input type="radio", name="input_radio", value="1"> ????# same name in the same group ???????<input type="checkbox", name="input_checkbox", checked="checked"> ?????# same name in the same group ???????<input type="file", name="input_file"> ?????# enctype="multipart/form-data" dependency ???????<input type="submit", name="input_submit", value="login"> ???????<input type="reset", value="reset"> ???????<textarea name="textarea">aa</textarea> ???????<select name="select"> ???????????<optgroup label="hebei"> ???????????????<option value="1">1</option> ???????????????<option value="2">2</option> ???????????</optgroup> ???????????<optgroup label="henan"> ???????????????<option value="3">3</option> ???????????????<option value="4">4</option> ???????????</optgroup> ???????</select> ???????<a href="#i1">No. 1</a> ????#from href jump to the id we marked ???????<a href="#i2">No. 2</a> ???????<a href="#i3">No. 3</a> ???????<a href="#i4">No. 4</a> ???????<div id="i1" style="height: 100px;"> aaaaaaaaaaaaaaaaaaaaa </div> ???????<div id="i2" style="height: 100px;"> bbbbbbbbbbbbbbbbbbbbb </div> ???????<div id="i3" style="height: 100px;"> ccccccccccccccccccccc </div> ???????<div id="i4" style="height: 100px;"> ddddddddddddddddddddd </div> ???</form> ???<img src="374.jpg" style="height: 200px; width: 150px;" alt="aaa" title="wife"> ????#alt:default info of img ???<ul> ???????<li>111</li> ???????<li>111</li> ???????<li>111</li> ???????<li>111</li> ???</ul> ???<ol> ???????<li>222</li> ???????<li>222</li> ???????<li>222</li> ???????<li>222</li> ???</ol> ???<dl> ???????<dt>333</dt> ???????<dd>444</dd> ???????<dd>444</dd> ???????<dt>333</dt> ???????<dd>444</dd> ???????<dd>444</dd> ???</dl> ???<table border="1"> ???????<thead> ???????????<tr> ???????????????<th>table head 1</th> ???????????????<th>table head 2</th> ???????????????<th>table head 3</th> ???????????</tr> ???????</thead> ???????<tbody> ???????????<tr> ???????????????<td>1</td> ???????????????<td colspan="2" rowspan="2">2</td> ???????????</tr> ???????????<tr> ???????????????<td>1</td> ???????????</tr> ???????????<tr> ???????????????<td>1</td> ???????????????<td>2</td> ???????????????<td>3</td> ???????????</tr> ???????</tbody> ???</table> ???<fieldset> ???????<legend>login</legend> ???????<label for="username"> aaaa</label> ???????<input id="username" type="text" name="user"> ???????<input id="password" type="password" name="user"> ???</fieldset></body></html>
HTML
原文地址：https://www.cnblogs.com/hinimix/p/9257811.html