<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="#">
用户名:<input type="text" name="userName" autocomplete="off" placeholder="请输入正确的用户名">
<br/>
密码:<input type="password" name="one" maxlength="3">
<br/>
性别:
<input type="radio" name="r1" value="男"checked>男
<input type="radio" name="r1" value="女" >女
<br>
爱好:
<input type="checkbox" name="love" value="抽烟" checked>抽烟
<input type="checkbox" name="love" value="喝酒">喝酒
<input type="checkbox" name="love" value="烫头">烫头
<br>
其他:
<textarea name="qita" id="" cols="30" rows="10" maxlength="20" ></textarea>
<br>
籍贯:
<select name="jiguan" id="121" multiple="1">
<option value="广东省">广东省</option>
<option value="四川省" >四川省</option>
<option value="贵州省">贵州省</option>
<option value="浙江省">浙江省</option>
<option value="湖北省">湖北省</option>
<option value="福建省">福建省</option>
<option value="安徽省">安徽省</option>
<br>
<input type="reset">
<input type="submit" value="确认">
<input type="submit" value="重置">
<input type="submit" value="检测账户是否被检测">
</form>
</body>
</html>
运行网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<strong><h2>今日热搜热词</h2></strong>
<hr />
<p>
<h4>1、阿卡贝拉</h4>
阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐,当时的教会音乐只以人声清唱,并不应用乐器。音频示例:<a href="./09-音频标签.html" >阿卡贝拉《千与千寻》</a>
</p>
<p>
<h4>2、翻唱</h4>
“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱,包括重新填词,编曲。现在已有不少明星,都在翻唱他人的歌,不断在翻唱中突破自己,给大家带来不一样的风格。视频示例:<a href="./08-视频.html" >有一种悲伤(翻唱)-《A Kind of Sorrow》</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>表格练习</title>
</head>
<body>
<table border="1px" cellspacing="0" width="300x" height="200px">
<tr bgcolor="pink" align="center" >
<td colspan="5" height="30pv">个人简介</td>
<!--colspan *列合并-->
</tr>
<tr>
<td align="enter" valign>姓名:</td>
<td></td>
<td>性别:</td>
<td></td>
<td rowspan="4" >照片</td>
<!--*rowspan 行并列-->
</tr>
<tr>
<td>婚姻状况:</td>
<td></td>
<td>出身年月:</td>
<td></td>
</tr>
<tr>
<td>民族:</td>
<td></td>
<td>政治面貌:</td>
<td></td>
</tr>
<tr>
<td>身高:</td>
<td></td>
<td>学历:</td>
<td></td>
</tr>
</table>
</body>
</html>