| <!DOCTYPE html> |
|
|
<html> |
|
<head lang="en"> |
|
<!--向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，语言的意思，而“en”即表示english zh 表示中文--> |
|
<meta charset="utf-8"> |
|
<title>HTML+CSS</title> |
|
<link rel="stylesheet" href="style.css"/> |
|
<!--样式表--> |
|
</head> |
|
<body> |
|
<!--头部--> |
|
<div class="header"> |
|
<div class="top"> |
|
<div class="wp"> |
|
<div class="z"> |
|
<span> |
|
<a href="">设为首页</a> |
|
</span> |
|
<span> |
|
<a href="">收藏本站</a> |
|
</span> |
|
</div> |
|
<div class="y"> |
|
<span">2015年5月1日</span> |
|
<span class="mr_0">多云16℃/30℃</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="wp"> |
|
<div class="logos"> |
|
<div class="logo z"> |
|
<!--alt 属性为用户由于某些原因无法查看图像时提供了备选的信息。--> |
|
<h1><a href="dengl.html"><img src="images/logo.jpg" alt="html+css"/></a></h1> |
|
</div> |
|
<div class="dianhua y"> |
|
<span class="dianhua1"><h1>客服热线：400-000-000</h1></span> |
|
</div> |
|
<div class="sousuo y"> |
|
<!--method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。 |
|
表单数据可以作为 URL 变量（method="get"少量数据）或者 HTTP post （method="post"）的方式来发送。有许多字段或是很长的文本域的表单来说，就应该采用 POST 方法来发送。--> |
|
<form action="denglu.html" method="get" > |
|
<!--<form> 标签用于为用户输入创建 HTML 表单。 |
|
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 |
|
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 |
|
表单用于向服务器传输数据。--> |
|
<table cellpadding="0" cellspacing="0" border="0"> <!--表格--> |
|
<tr> |
|
<!--z代表向左浮动--> |
|
<td class="s_z z"></td> |
|
<td class="s_c z"> |
|
<input type="txet" size="30" name="text" id="s_c_txt"/> |
|
</td> |
|
<td class="s_y z"> |
|
<button type="submit" name="submit"></button> |
|
</td> |
|
</tr> |
|
</table> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="nav"> |
|
<div class="wp"> |
|
<ul> |
|
<li class="a"> |
|
<a href="1.html">网站首页</a> |
|
</li> |
|
<li> |
|
<a href="1.html">公司简介</a> |
|
</li> |
|
<li> |
|
<a href="1.html">业务描述</a> |
|
</li> |
|
<li> |
|
<a href="1.html">服务范围</a> |
|
</li> |
|
<li> |
|
<a href="1.html">产品中心</a> |
|
</li> |
|
<li> |
|
<a href="1.html">人才管理</a> |
|
</li> |
|
<li> |
|
<a href="1.html">在线留言</a> |
|
</li> |
|
<li> |
|
<a href="1.html">联系我们</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!--中部--> |
|
<div class="center"> |
|
<div class="wp"> |
|
<div class="ad"> |
|
<img src="images/ad.jpg" alt=""/> |
|
</div> |
|
<div class="jianjie z"> |
|
<div class="tit"> |
|
<img src="images/jianjie.jpg" alt=""/> |
|
<span><a href="">More</a></span> |
|
</div> |
|
<div class="jj_c"> |
|
<img src="images/jianjie_img.jpg" alt=""/> |
|
<p> |
|
麦子学院是成都麦子信息技术有限公司旗下一个IT在线教育平台，目前已有30万注册用户，10万以上APP下载量，5000小时视频内容。 我们从不说空话，专注于IT在线教育，脱离传统教育的束缚，让你走哪学哪，想学就学。逗比的老师，贴心的助教，在这儿你能感受到来自五 湖四海伙伴们热情和踏实的学习态度！ |
|
</p> |
|
<p> |
|
什么都不会没关系，想跳槽想加薪都可以，提升自己更不在话下。 只要你愿意，绝对为你找到一份相当靠谱的工作！成就你，我能行！ |
|
</p> |
|
<p> |
|
那么多的梦想，你不想实现？买的起大奔的人会天天挤公交吗？ 想成为成功人士，脑袋里必须要有知识。一切不以要付出为目的的梦想都是耍流氓！ LPS系统、每周直播课、学习作业快速批改、保就业、班主任助教全程跟踪。 你看，离你完成梦想的道路是不是近了很多。 |
|
</p> |
|
</div> |
|
</div> |
|
<div class="xinwen z"> |
|
<div class="tit"> |
|
<img src="images/xinwen.jpg" alt=""/> |
|
<span><a href="">More</a></span> |
|
</div> |
|
<div class="xw_c"> |
|
<ul> |
|
<li class="a"> |
|
<a href=""> |
|
<img src="images/list_img.jpg" alt=""/> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<p>麦子学院朱朝兵老师带领大家从HTML语法，基本结构到CSS入门DIV+Css布局,通俗易懂 ... ...</p> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<h3>Web前端开发之HTML+CSS基础入门</h3> |
|
<span>2015-05-15</span> |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="chanpin z"> |
|
<div class="tit"> |
|
<img src="images/chanpin.jpg" alt=""/> |
|
<span><a href="">More</a></span> |
|
</div> |
|
<div class="cp_c"> |
|
<ul> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li class="mr_0"> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
<li class="mr_0"> |
|
<a href=""> |
|
<img src="images/chanpin_img.jpg" alt=""/> |
|
<span>Web前端开发之HTML+CSS基础入门</span> |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="cl"></div> |
|
<!--底部--> |
|
<div class="footer"> |
|
<div class="wp"> |
|
<div class="footer_top"> |
|
<span class="z"> |
|
<a href="">关于我们</a>| <a href="">联系我们</a> <a href="">加入我们</a> | <a href="">给我留言</a> |
|
</span> |
|
<span class="y"> |
|
2015 麦子学院版权所有 ICP证:蜀ICP备13000000号-1 |
|
</span> |
|
</div> |
|
<div class="footer_bottom"> |
|
<p> |
|
友情连接： |
|
<a href="http://www.maiziedu.com" target="_blank">麦子学院</a> |
|
<a href="http://www.dz7.com.cn" target="_blank">DZ起点网</a> |
|
<a href="http://www.maiziedu.com" target="_blank">麦子学院</a> |
|
<a href="http://www.maiziedu.com" target="_blank">教育部</a> |
|
<a href="http://www.maiziedu.com" target="_blank">新闻网</a> |
|
|
|
</p> |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
|
|
</html> |
