课程关键字
| 关键字 | 英文 | 解释 |
|---|---|---|
| 无序标签 | <ul> |
项目的列表，可使用粗体圆点进行标记 |
| 有序标签 | <ol> |
项目的列表，可使用数字进行标记 |
| 块级 | <div> |
独占一行 |
| 行级 | <span> |
行内显示内容，平行显示 |
| 样式 | style | 样式一般是指CSS |
作业完成汇报
编程题
<!DOCTYPE html>
<html>
<head>
<title>个人简历</title>
</head>
<body>
<table border="1px">
<tr >
<th colspan="5">个人简历</th>
</tr>
<tr>
<td>姓名</td>
<td>
<input type="text" name="x1" value="高磊磊">
</td>
<td>性别</td>
<td >
<select>
<option value="男">男</option>
<option value="女">女</option>
</select>
</td>
<td rowspan="5">
<img src="图片.png" width="150" height="200">
</td>
</tr>
<tr>
<td>籍贯</td>
<td>
<input type="text" name="x1" value="江苏">
</td>
<td>民族</td>
<td>
<input type="text" name="x1" value="汉">
</td>
</tr>
<tr>
<td>出生年月</td>
<td>
<input type="text" name="x1" value="1995年10月6日">
</td>
<td>政治面貌</td>
<td>
<input type="text" name="x1" value="无">
</td>
</tr>
<tr>
<td>学历</td>
<td>
<input type="radio" name="rd" value="初中"/> 初中
<input type="radio" name="rd" value="高中"/> 高中
<input type="radio" name="rd" value="大学"/> 大学
</td>
<td>专业</td>
<td>
<input type="text" name="x1" value="计算机">
</td>
</tr>
<tr>
<td>学制</td>
<td>
<select>
<option value="3年">3年</option>
<option value="5年">5年</option>
</select>
</td>
<td>身高</td>
<td colspan="2">
<input type="text" name="x1" value="175CM">
</td>
</tr>
<tr>
<td>培养方式</td>
<td>
<input type="text" name="x1" value="多功能">
</td>
<td>通讯地址</td>
<td colspan="2">
<input type="text" name="x1" value="江苏省南通市">
</td>
</tr>
<tr>
<td rowspan="2">联系方式</td>
<td> TEL</td>
<td> QQ</td>
<td colspan="2"> Email</td>
</tr>
<tr>
<td>
<input type="text" name="x1" value="11111111111">
</td>
<td>
<input type="text" name="x1" value="222222222">
</td>
<td colspan="2">
<input type="text" name="x1" value="[email protected]">
</td>
</tr>
<tr>
<td>新浪博客</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>所获证书及荣誉</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>实践</td>
<td colspan="4">
<textarea rows="4"></textarea>
</td>
</tr>
<tr>
<td>个人评价</td>
<td colspan="4">
<textarea rows="4"></textarea>
</td>
</tr>
<tr>
<td>在校担任职务</td>
<td colspan="4">
<input type="file" name="x2"/>
</td>
</tr>
<tr>
<td>爱好</td>
<td colspan="4">
<input type="checkbox" name="cb" value="football" /> 足球
<input type="checkbox" name="cb" value="basketball" /> 篮球
<input type="checkbox" name="cb" value="badminton" /> 羽毛球
<input type="checkbox" name="cb" value="run" /> 跑步
</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">
<input type="button" value="点击"/>
</td>
</tr>
</table>
</body>
</html>
编程题
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>上海共有产权保障住房扩围，没有户籍的也能申请！</h1>
<a name="_p1"/><h2>上海共有产权保障住房扩围</h2>
<p>没有户籍的也能申请！今天，上海发布《关于进一步完善本市共有产权保障住房工作的实施意见》，进一步深化完善共有产权保障房申请供应政策。《意见》将在今年10月8日起实施。</p>
<p>根据《意见》，共有产权保障住房保障范围新增人群为：持有《上海市居住证》且积分达到规定标准分值（120分）、已婚、在上海无住房、在上海连续缴纳社会保险或个人所得税满5年、符合共有产权保障住房收入和财产准入标准的非户籍常住人口。</p>
<p>非户籍常住人口共有产权保障住房，与上海户籍居民共有产权保障住房采取同一标准，即实施政府定价，且购房人产权份额应当不少于50%。</p>
<p>具体供应时，采取计划单列、总量控制、以供定需、轮候供应方式操作。今年内，上海将选取部分具备条件的区开展非户籍居民家庭共有产权保障住房供应先行试点，待评估完善后，适时在上海范围内推开该项工作。</p>
<p>对非户籍常住人口开放供应共有产权保障住房，是在进一步加大供应的基础上扩展的，将不影响上海户籍居民家庭申请的正常供应。</p>
<a name="_p2"/></a><h2>据悉</h2>
<p>本次扩围是在继续做好上海户籍中等或中等偏下收入住房困难家庭基本保障，保障力度只增不减、保障房源确保供应的基础上，按照既尽力而为、又量力而行的原则，聚焦在上海创业、稳定就业的，长期为上海经济社会发展做出贡献的新市民，有序将持证年限较长、学历层次高、符合上海产业发展导向、为上海经济社会发展作出贡献的非户籍住房困难家庭纳入保障范围。</p>
<p>此外，记者今天从上海市房屋管理部门了解到，上海第六批次共有产权保障住房审核和摇号工作已全部完成，并已启动选房和签约等工作。10月至12月，将启动第七批次共有产权保障住房申请供应工作。</p>
<p>截至目前，金山、崇明、奉贤3个区已完成选房，进入签约阶段。9月底之前将有松江、嘉定、青浦等区启动选房工作；后续还将有虹口、长宁、闵行等区陆续开展选房工作。根据第六批次受理情况，本批筹集了浦东、奉贤、松江、闵行、嘉定、宝山等9个大居基地、共4.5万余套房源，用于满足各区的房源调配。</p>
<a name="_p3"></a><h3>今年四季度</h3>
<P>上海将分轮次启动第七批次共有产权保障住房申请供应工作。为平稳推进申请受理工作，在已完成第六批次选房的区首先启动咨询受理，其余区也将分轮次开展此项工作，咨询受理期限一般为二个月。</P>
<P>上海共有产权保障住房准入标准按照“先紧后松”的原则确定，先后五次放宽准入标准。目前住房标准是家庭人均住房建筑面积15平方米以下；收入和财产标准为3人及以上家庭人均月可支配收入6000元以下、人均财产18万元以下。上海中等及中等偏下收入的住房困难家庭，基本可以纳入政策覆盖范围。</P>
<a name="_p4"></a><h4>按照中央要求</h4>
<p>把确保公平分配放在共有产权保障住房申请供应工作中更加突出的位置，按照保障基本、公正程序、公开过程的原则，平稳有序地推进共有产权保障住房申请供应的各项工作。截至2018年6月底，共有产权保障住房累计签约购房约9.2万户。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>上海共有产权保障住房扩围，没有户籍的也能申请！</h1>
<ul>
<li><a href="diyipian.html#_p1" target="333">上海共有产权保障住房扩围，没有户籍的也能申请！</a></li>
<li><a href="diyipian.html#_p2" target="333">据悉</a></li>
<li><a href="diyipian.html#_p3" target="333">今年四季度</a></li>
<li><a href="diyipian.html#_p4" target="333">按照中央要求</a></li>
</body>
</html>
<!DOCTYPE html>
<html>
<frameset cols="30%,70%">
<frame src="dierpian.html">
<frame src="diyipian.html" name="333">
</frameset>
</html>
Table 页面布局和 Div 布局的区别和为什么要用 Div 布局
1: div很灵活，可以进行定位，例如相对，绝对和fixed定位，而table只能通过表格区域的划分来定位
2:div显示和html代码是分离的，很方便后期维护。而table无论是html维护还是样式维护都很费劲
3:一个html页面使用div布局的代码量要不table布局的代码量少很多
表单标签中 Name 属性和 Value 属性各代表的含义
<name>属性规定表单的名称。
<value>属性为 input 元素设定值。
今日学习总结
- 学习了列表标签
<div>标签的页面布局<frame>的使用