HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML标签学习</title>
<link rel="shortcut icon" href="kang.ico">
</head>
<body>
<p style="color:red;">我是一个块标签:p</p>
<h3 style="color:red;">我是标题:h3</h3>
<span style="color:red;">我是span标签，即行内标签</span>
<br><br>
<div style="color:red;">我是白板div标签，但也很有用</div>
<form>
<p style="color:red;">我是一个输入文本框</p>
<input type="test" >
<p style="color:red;">我是一个密码文本框</p>
<input type="password">
<p style="color:red;">性别：单选实例</p>
男：<input type="radio" name="n1" value="man"> 女：<input type="radio" name="n1" value="woman">
<p style="color:red;">爱好：多选实例</p>
篮球:<input type="checkbox" name="n2" value="1"> 足球:<input type="checkbox" name="n2" value="2"> 皮球:<input type="checkbox" name="n2" value="3">
<p style="color:red;">多行文本：多行实例</p>
<textarea>aadfadf</textarea>
<p style="color:red;">我是一个下拉框</p>
<select name="city">
<option value="1">北京</option>
<option value="2">广州</option>
<option value="3">深圳</option>
</select>
<p style="color:red;">我是一个超链超</p>
<a rel="nofollow" href="http://www.baidu.com">百度在这里</a>
</form>
<p style="color:red;">我是一个列表</p>
<ul>
<li>aaaa</li>
<li>bbbb</li>
<li>cccc</li>
</ul>
<p style="color:red;">我是一个数字列表</p>
<ol>
<li>aaaa</li>
<li>bbbb</li>
</ol>
<p style="color:red;">我是一个没有点，没有数字列表</p>
<dl>
<dd>aaa</dd>
<dd>bbb</dd>
</dl>
<p style="color:red;">我是一个表格</p>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$10000</td>
</tr>
</table>
</body>
</html>
