1、简述src和href的区别?
2、在html页面的head中定义属性<meta http-equiv="X-UA-Compatible" content="IE=edge">，这个属性代表的含义是？
3、行内元素有哪些？块级元素有哪些？
4、标签上title和alt属性的区别是什么？
5、在html中设置背景颜色为红色
6、单击左侧内容，在页面右侧出现相关的查询结果例如上面内容，单击部门查询出现部门查询结果（框架结构。厂字型）
7、实现下图效果
答：
1、href和src的区别：
href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接
src是source的缩写，指向外部资源的位置，指向的内容将会嵌套到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内
2、保证以浏览器新版本来解释当前文本
3、块级元素：address/center/div/dl/h#/hr/ol/ul/p/table
行内元素：a/strong/br/em/img/input/select/span/sup/textarea/lable
4、title 指向连接显示的文字 鼠标划过时显示的信息
alt 图片加载失败时显示的文字
5、bgcolor="red"
6、
框架
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>框架</title> 6 </head> 7 <frameset rows="30%,*"> 8 <frame src="h.html" name="q"> 9 <frameset cols="30%,*"> 10 <frame src="b.html" name="w"> 11 <frame src="c.html" name="e"> 12 </frameset> 13 </frameset> 14 </html>
top部分
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <h1 align="center">欢迎来到管理系统</h1> 9 </body> 10 </html>
左侧页面
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 You are GOOD！ 9 </body> 10 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <a href="aa.html" title="" target="e">部门查询</a><br> 9 <a href="aa.html" title="" target="e">考勤查询</a><br> 10 <a href="aa.html" title="" target="e">工资查询</a><br> 11 <a href="aa.html" title="" target="e">员工查询</a> 12 </body> 13 </html>
右侧页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 部门查询结果 </body> </html>
7、
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> .a{ } </style> </head> <body> <table border="1" cellspacing="0" width="666" align="center"> <tr height="30"> <td class="a" colspan="2"> <h1 align="center">学生用户注册 </h1><br><h3 align="right"><a href=""> 返回</a> </h3> </td> </tr> <tr> <td align="right">学号:*</td> <td align="left"><input name="xuehao" type="text" value=""></td> </tr> <tr> <td align="right">姓名:*</td> <td align="left"><input name="name" type="text" value=""></td> </tr> <tr> <td align="right">性别:*</td> <td align="left"> <select name="sex"> <option value="">未指定 <option value=""> </select> </td> </tr> <tr> <td align="right">email邮件:*</td> <td align="left"><input name="email" type="text" value=""></td> </tr> <tr> <td align="right">密码:*</td> <td align="left"><input name="mima" type="password" value=""></td> </tr> <tr> <td align="right">确认密码:*</td> <td align="left"><input name="qrmima" type="password" value=""></td> </tr> <tr> <td align="right">学院:</td> <td align="left"> <select name="school" size=""> <option value="">软件学校 </select> </td> </tr> <tr> <td align="right">出生日期:*</td> <td align="left"><input name="name" type="text" value=""></td> </tr> <tr> <td align="right">专业:</td> <td align="left"> <select name="profession" size="4"> <option value="rj">软件工程 <option value="sz">数字媒体 <option value="xx">信息安全 <option value="sf">数字仿真 <option value=""> <option value=""> </select> </td> </tr> <tr> <td align="right" valign="top">入学年月:</td> <td align="left" > <select name="year"> <option value="2010">2010年 <option value="2011">2011年 </select><br> <select name="month"> <option value="january">01月 <option value="february">02月 </select> </td> </tr> <tr> <td align="right"><input name="submit" type="submit" value="提交"></td> <td align="center"><input name="reset" type="reset" value="重置"></td> </tr> </table> </body> </html>