您的位置：首页 > Web前端 > CSS

html+css麦子学院实训

2015-12-21 14:39 721 查看
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  实训 学院
相关文章推荐
新的分享
章节导航