<!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>
<h1>青春不常在,抓紧谈恋爱</h1>
<hr>
<form action="">
昵称: <input type="text" placeholder="请输入昵称">
<br>
<br>
性别: <input type="radio" name="sex" id="man" checked> <label for="man">男</label>
<label><input type="radio" name="sex">女</label>
<br>
<br>
所在城市: <select name="" id="">
<option value="">上海</option>
<option value="" selected>北京</option>
<option value="">重庆</option>
<option value="">四川</option>
</select>
<br>
<br>
婚姻状况: <label ><input type="radio" checked name="marital">未婚</label>
<label ><input type="radio" name="marital">已婚</label>
<label ><input type="radio" name="marital">保密</label>
<br>
<br>
喜欢的类型: <label><input type="checkbox">可爱</label>
<label><input type="checkbox">性感</label>
<label><input type="checkbox">御姐</label>
<label><input type="checkbox">大叔</label>
<label><input type="checkbox">帅哥</label>
<label><input type="checkbox">弟弟</label>
<br>
<br>
个人介绍:
<br>
<textarea name="" id="" cols="30" rows="1"></textarea>
<br>
<br>
<h2>我承诺</h2>
<ul>
<li>年满十八,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul>
<br>
<input type="checkbox">我同意所有条款
<br>
<br>
<input type="submit" value="免费注册">
<input type="reset" value="重置">
<br>
<button type="submit">免费注册</button>
<button type="reset">重置</button>
</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>综合案例-学生信息表</title>
</head>
<body>
<table border="1" width="500" height="200">
<caption><strong>优秀学生信息表</strong></caption>
<thead>
<tr>
<th>年级</th>
<th>姓名</th>
<th>学号</th>
<th>班级</th>
</tr>
<tbody>
<tr>
<td rowspan="2">高三</td>
<td>张三</td>
<td>01</td>
<td>三年一班</td>
</tr>
<tr>
<td>赵四</td>
<td>02</td>
<td>三年二班</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>评语</td>
<td colspan="3">都很优秀</td>
</tr>
</tfoot>
</thead>
</table>
</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>
<h1>腾讯科技高级web前端开发岗位</h1>
<hr>
<h2>职位描述</h2>
<p>诗人拜伦说过:“真有血性的人,决不去以求的别人的尊重,也不怕别人的忽视。”</p>
<p>别人的误解、偏见并不可怕,可怕的是失去了自信;如果你是自信的,就什么话都不用了 </p>
<p>真理从来都是最简单、最朴素的,除了它本身之外,并不需要额外地加以解释,正如一个真正美丽的人,任何附加的首饰都是多余的。</p>
<h2>岗位要求</h2>
<p>“爱情,是人类最美好的感情,当两颗心经历了长久的跋涉而终于走到了一起,像镜子一样互相映照,彼此如一.</p>
<p>毫无猜疑,当它们的每一声跳动都是在向对方说:我永远也不离开你!</p>
<h2>工作地址</h2>
<p>人生是一场梦吗?不,梦醒之后还可以忘却,人生可以忘却吗? </p>
<img src="./5.jpg" alt="" width="600">
</body>
</html>
HTML-综合案例
最新推荐文章于 2022-12-20 16:04:43 发布