<!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="p_w_picpaths/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="p_w_picpaths/ad.jpg" alt=""/>

</div>

<div class="jianjie z">

<div class="tit">

<img src="p_w_picpaths/jianjie.jpg" alt=""/>

<span><a href="">More</a></span>

</div>

<div class="jj_c">

<img src="p_w_picpaths/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="p_w_picpaths/xinwen.jpg" alt=""/>

<span><a href="">More</a></span>

</div>

<div class="xw_c">

<ul>

<li class="a">

<a href="">

<img src="p_w_picpaths/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="p_w_picpaths/chanpin.jpg" alt=""/>

<span><a href="">More</a></span>

</div>

<div class="cp_c">

<ul>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li class="mr_0">

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li>

<a href="">

<img src="p_w_picpaths/chanpin_img.jpg" alt=""/>

<span>Web前端开发之HTML+CSS基础入门</span>

</a>

</li>

<li class="mr_0">

<a href="">

<img src="p_w_picpaths/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>