<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">
placeholder:占位符
<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
111
aaaa-->
<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; 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>