您的位置：首页 > Web前端 > HTML

【HTML】小练习，复习巩固

2016-06-10 10:44 387 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>task_1</title>
</head>
<body>
<h1>网站一级标题</h1>
<ul>
<li><a href="#">导航链接一</a></li>
<li><a href="#">导航链接二</a></li>
<li><a href="#">导航链接三</a></li>
<li><a href="#">导航链接四</a></li>
</ul>
<div>
<h2>文章一级标题</h2>
<h3>文章二级标题</h3>
<p>北邮人BT 时间：2016年3月18日09:03:38</p>
<p>柳宗元狱中遇见李白，问其因何进来的。李说：造谣罪！飞流直下三千尺，人家量了，说没那么长。 柳说：彼此彼此！我说了句“千山鸟飞绝”，有人举报说树上还有一只。<br />
正感叹时，杜牧进来了。<br />
大家忙问：你是怎么进来的？杜牧说：唉，嫖娼罪！大伙异口同声地说：是不是“停车做爱枫林晚”？杜说：是，说老子涉嫌车震！陆游也骂骂咧咧的进来了，大家忙问：“你是为何？”
<a href="http://www.baidu.com" title="百度">百度</a>：我写了句<strong>“勿言牛老行苦迟，我今八十耕犹力。”</strong>说俺八十岁还想要二胎，吹牛！</p>
<img src="http://sz.people.com.cn/NMediaFile/2016/0309/LOCAL201603091601000247194387246.jpeg" alt="陈意涵" title="陈意涵" />
<p>柳宗元狱中遇见李白，问其因何进来的。李说：造谣罪！飞流直下三千尺，人家量了，说没那么长。 柳说：彼此彼此！我说了句“千山鸟飞绝”，有人举报说树上还有一只。<br />
正感叹时，杜牧进来了。<br />
大家忙问：你是怎么进来的？杜牧说：唉，嫖娼罪！大伙异口同声地说：是不是“停车做爱枫林晚”？杜说：是，说老子涉嫌车震！陆游也骂骂咧咧的进来了，大家忙问：“你是为何？”
<a href="http://www.baidu.com" title="百度" target="_blank">百度</a> 我写了句“勿言牛老行苦迟，我今八十耕犹力。”说俺八十岁还想要二胎，吹牛！</p>
</div>
<div>
<ul>
<li>陈意涵<br /><img src="http://sz.people.com.cn/NMediaFile/2016/0309/LOCAL201603091601000247194387246.jpeg" alt="陈意涵" title="陈意涵" style="width: 300px;height: 200px;" /></li>
<li>陈意涵<br /><img src="http://sz.people.com.cn/NMediaFile/2016/0309/LOCAL201603091601000247194387246.jpeg" alt="陈意涵" title="陈意涵" style="width: 300px;height: 200px;" /></li>
</ul>
</div>
<div>
<ol>
<li>排名一</li>
<li>排名二</li>
<li>排名三</li>
</ol>
<table border="1">
<tr>
<th>表头</th>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>内容一</td>
<td>内容二</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>内容三</td>
<td>内容四</td>
<td><a href="#">操作</a></td>
</tr>
<tr>
<td>总计</td>
<td colspan="2">1000</td>
</tr>
</table>
<form name="iform" method="post" action="save.php">
<label for="youxiang">请输入邮箱地址：</label>
<input type="text" name="youxiang" id="youxiang" placeholder="请输入邮箱地址" />
<br />
<label for="mima">请输入密码：</label>
<input type="password" name="mima" id="mima" placeholder="请输入密码" />
<label for="mima2">请重复输入密码：</label>
<input type="password" name="mima2" id="mima2" placeholder="请重复输入密码" />
<br />
性别：
<label for="nan">男</label>
<input type="radio" name="xingbie" value="nan" id="nan" checked="checked" />
<label for="nv">女</label>
<input type="radio" name="xingbie" value="nv" id="nv" />
城市：
<select>
<option value="上海">上海</option>
<option value="北京" selected="selected">北京</option>
<option value="广州">广州</option>
</select>
爱好：
<input type="checkbox" name="aihao" value="运动" id="yundong" />
<label for="yundong">运动</label>
<input type="checkbox" name="aihao" value="艺术" id="yishu" checked="checked"/>
<label for="yishu">艺术</label>
<input type="checkbox" name="科学" value="科学" id="kexue" />
<label for="kexue">科学</label>
个人描述：
<textarea name="miaoshu" cols="12" rows="2" placeholder="描述信息"></textarea>
<input type="submit" value="确认提交" />
</form>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html web
相关文章推荐
新的分享
章节导航