<!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> |