与其放在电脑里占内存,还不如拿出来帮助一群小白白之html篇之七

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="tes1.css" rel="stylesheet" type="text/css">
<!--
要详细了解文件顶部 html 标签周围的条件注释:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

如果您使用的是 modernizr (http://www.modernizr.com/) 的自定义内部版本,请执行以下操作:
* 在此处将链接插入 js
* 将下方链接移至 html5shiv
* 将“no-js”类添加到顶部的 html 标签
* 如果 modernizr 内部版本中包含 MQ Polyfill,您也可以将链接移至 respond.min.js
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1"><img src="image/1.jpg">
<div id="menu">
<div id="menu2"><span>首页</span>|<span>作品展示</span>|<span>设计理念</span>|<span>团队合作</span>|<span>联系我们</span></div>
</div>

<div id="pic1"><img src="image/2.jpg"><p><span>香雪海</span></p></div>
<div id="pic2"><img src="image/3.jpg"><p><span>香雪海</span></p></div>
<div id="pic3"><img src="image/4.jpg"><p><span>香雪海</span></p></div>
<div id="pic4"><img src="image/5.jpg"><p><span>香雪海</span></p></div>
<div id="pic5"><img src="image/6.jpg"><p><span>香雪海</span></p></div>
<div id="pic6"><img src="image/2.jpg"><p><span>香雪海</span></p></div>
<div id="footer"><p style="color:#000">版权所有:xxx</p></div>
</div>

</div>

</body>
</html>

 

posted @ 2017-05-20 22:23  一棵开花的树  阅读(158)  评论(0编辑  收藏  举报