1，在B站学习前三个视频学习网站
2，HTML基本框架
2.1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单及表单元素</title>
</head>
<body>
<!--
action表单提交的地址
id 唯一标识
name 名称
target表单提交打开方式（）当前窗口
method 提交方式（默认get）
get安全性差，数据量小，效率高 比较快（查）
post参数不会跟在ul后面安全，效率慢，无缓存(添加修改)-->
<form action="http://www.baidu.com" method="get" id="myfrom" name="myfrom">
编号：<input type="hidden" name="userID" value="1"/><br />
<label for="username">姓名</label>：<input type="test" name="username" id="username" value="zhangsan"/><br />
密码：<input type="password" name="userpwd" maxlength="6" /><br />
性别：男<input type="radio" name="usersex" value="man" checked="checked" />
女<input type="radio" name="usersex" value="woman" /><br />
爱好：唱歌<input type="checkbox" name="userhobby" value="sing" checked="checked" />
跳舞<input type="checkbox" name="userhobby" value="dance" />
说唱<input type="checkbox" name="userhobby" value="rap" /><br />
生日：<input type="date" name="userdate" /><br />
头像：<input type="file" name="userhead" /><br />
简介：<textarea name="remark"rows="10" cols="50">giaogiaogiao</textarea><br />
城市
<select name="city" multiple="multiple" size="4" >
<option value="" >请选择城市</option>
<option value="bj" disabled="disabled">北京</option>
<option value="sh" selected="selected">上海</option>
<option value="HZ">杭州</option>
</select><br />
<input type="button" value="普通按钮" />
<input type="reset" value="重置按钮" />
<input type="submit" value="提交按钮" /><br />
<input type="image" src="../img/bd.png" /><br />
<button type="button" >普通按钮</button>
<button type="reset" >重置按钮</button>
<button type="submit" >提交按钮</button>
</form>
</body>
</html>
2.2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>hello © world<h2>
</body>
</html>
2.3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>郑州轻工业大学欢迎您</title>
</head>
<body>
<table align="right">
<tr>
<td>教工</td>
<td>学生</td>
<td>考生</td>
<td>校园</td>
<td>English</td>
</tr>
</table><br />
<font color="gray" size="19" face="楷体">郑州轻工业大学</font>
<hr />
<table align="left">
<tr>
<form>
<select name="" >
<option value="" >网站首页</option>
</select>
<select name="" >
<option value="" >学校概况</option>
<option value="" >学校简介</option>
<option value="" >校徽校训</option>
<option value="">校风教风学风</option>
<option value="">校歌</option>
<option value="">现任领导</option>
<option value="">学院风光</option>
</select>
<select name="" >
<option value="" >机构设置</option>
<option value="" >院系设置</option>
<option value="" >党政机关</option>
<option value="" >直属单位</option>
</select>
<select name="" >
<option value="" >领军人才</option>
<option value="" >院系设置</option>
<option value="" >党政机关</option>
<option value="" >直属单位</option>
</select>
<select name="" >
<option value="" >人才培养</option>
<option value="" >研究生教育</option>
<option value="" >本科生教育</option>
<option value="" >国际教育</option>
<option value="" >继续教育</option>
</select>
</select>
<select name="" >
<option value="" >学术研究</option>
<option value="" >学科建设</option>
<option value="" >科学平台</option>
<option value="" >创新团队</option>
<option value="" >学术刊物</option>
<option value="" >学产研合作</option>
</select>
<select name="" >
<option value="" >招生与就业</option>
<option value="" >招生信息</option>
<option value="" >本科生招生</option>
<option value="" >研究生招生</option>
<option value="" >就业创业</option>
</select>
</select>
<select name="" >
<option value="" >合作交流</option>
<option value="" >国际交流</option>
<option value="" >合作办学</option>
</select>
<select name="" >
<option value="" >校园文化</option>
<option value="" >学校活动</option>
<option value="" >生活服务</option>
<option value="" >网络服务</option>
<option value="" >工会活动</option>
<option value="" >讲座论坛</option>
<option value="" >校园地图</option>
<option value="" >在线展厅</option>
</select>
<textarea name="remark"rows="1" cols="10">请输入关键字</textarea>
<input type="submit" value="搜索" />
</form>
</tr>
</table><br />
<img src="img/1.png"width="1520"height="300"border="2"title="清"/><br />
<a align="right" href="http://news.zzuli.edu.cn/" target="_blank">进入新闻网>></a>
</body>
</html>
?
?