<!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 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>Html 之 常用标签
原文地址：https://blog.51cto.com/12965094/2366556