项目演示视频：
html美食网站源码
首页代码展示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="style/div.css" type="text/css" rel="stylesheet" />
<link href="tplz.js" type="text/javascript" rel="stylesheet" />
<script type="text/javascript">
var i=1;
function tupianlunzhuan()
{
var image=document.getElementById('image');
if(i==3)
{
i=1;
}
else
{
i++;
}
image.src="image/"+i+".jpg";
}
function dingshi()
{
setInterval("tupianlunzhuan()",2000);
}
</script>
</head>
<body onload="dingshi()">
<div id="wrapper">
<div id="header">
<div class="logo">
<h1>MEISHI</h1>
<a>www.meishi.com</a>
</div>
<div id="pages" class="pages">
<li><li><a href='index.html'>首页</a></li></li>
<li><a href="caipu.html">菜谱</a></li>
<li><a href="jiankang.html">健康</a></li>
<li><a href="mingbo.html">名博</a></li>
</div>
<div id="categories" class="categories">
</div>
</div>
<div id="content">
<div id="featured">
<h2>博文精粹</h2>
<div id="neirong">
<div class="fpost"><img src="images/x.jpg" width="150" height="150" />
<h3><a href="#">蒜蓉粉丝蒸开边虾</a></h3>
<p class="details">发表于<a href="#">2014.10.10</a>作者<a href="#">zy</a></p>
<p>仲秋好像刚过去没多久，十一就快来了，天气渐渐地转凉，时不时有清凉的微风吹过，晚上睡觉也要盖上一点薄被了。到处还是一片葱茏的绿色，空气间多了一丝凉意，再过几日，树叶落尽，一地枯黄，更多了些萧瑟和凄凉。</p>
</div>
</div>
</div>
<div class="post">
<h3><a href="#">很喜欢吃的香蕉面包</a></h3>
<img src="images/001.jpg" width="150" height="150" />
<p>香蕉面包的方子多的是，我改来改去，终于改到了一个很满意的方子，成品软润香甜，已经用了有很长一段时间了。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有51位博友收藏</a></p>
</div>
<div class="post" style="float:left">
<h3><a href="#">似肉非肉--酥炸香菇</a></h3>
<img src="images/002.jpg" width="150" height="150" />
<p>香菇，又名冬菇，是一种生长在木材上的真菌类，在我国已有4000多年的食用历史。香菇味道鲜美，香气沁人，营养丰富，素有“植物皇后”的美誉。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有30位博友收藏</a></p>
</div>
<div class="post">
<h3><a href="#">沙拉配鲜奶酪卷</a></h3>
<img src="images/003.jpg" width="150" height="150" />
<p>芝麻菜可算是叶菜里的稀罕物。刚吃的时候有一种芝麻香气，接着是一种辣气，如果炒熟了，辣气就又变成了一种苦味。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有31位博友收藏</a></p>
</div>
<div class="post">
<h3><a href="#">香奶甜杏</a></h3>
<img src="images/004.jpg" width="150" height="150" />
<p>闷热夏季，自然想吃些爽口的东西，杏是个不错的选择。如果怕生吃太酸，不妨煮熟了做甜品，还能生津止渴。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有79位博友收藏</a></p>
</div>
<div class="post">
<h3><a href="#">伊朗风味酸奶汤</a></h3>
<img src="images/005.jpg" width="150" height="150" />
<p>接近40度的高温天，简直恨不得把自己给冰镇了！其实冷饮多吃伤脾胃，还有很多添加的奶脂和香精，不健康、易发胖。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有66位博友收藏</a></p>
</div>
<div class="post">
<h3><a href="#">腰果鸡丁</a></h3>
<img src="images/006.jpg" width="150" height="150" />
<p>腰果中的某些维生素和微量元素成分有很好的软化血管的作用，对保护血管、防治心血管疾病大有益处。</p>
<p class="category"><a href="#">阅读全文</a></p>
<p class="comments"><a href="#">已有27位博友收藏</a></p>
</div>
</div>
<div id="sidebar">
<div class="box">
<h2>更多美食</h2>
<p class="sponsors">
<img src="images/ms001.jpg" width="125" height="125" />
<img src="images/ms002.jpg" width="125" height="125" />
<img src="images/ms003.jpg" width="125" height="125" />
<img src="images/ms004.jpg" width="125" height="125" />
</p>
</div>
<div class="box">
<h2>推荐阅读</h2>
<ul class="popular">
<li><a href="#">老少皆宜的老醋花生米</a>
<p>老醋花生是一道能减脂降压的健康下酒菜，四季皆宜，老少皆宜，美味又健康。老醋花生的做法并不难，关键是要掌握好炒花生的火候，一盘脆生生的老醋花生就上桌了。</p>
</li>
<li><a href="#">清甜酥脆的小炒——腰果玉米</a>
<p>玉米具有排毒养颜、降血压、降胆固醇和预防便秘等作用，腰果含有丰富的不饱和脂肪酸和油脂，有保护心血管、润肠通便、强身健体和润肤抗衰老的功效。</p>
</li>
<li><a href="#">超级美味——冬瓜烧排骨</a>
<p>冬瓜具有利尿消肿、减肥和清热解毒等等功效，非常适合夏天食用。</p>
</li>
</ul>
</div>
<div class="box">
<h2>博文推广</h2>
<p class="flickr">
<a href="#"><img src="images/tg001.jpg" width="80" height="80" /></a>
<a href="#"><img src="images/tg002.jpg" width="80" height="80" /></a>
<a href="#"><img src="images/tg001.jpg" width="80" height="80" /></a>
<a href="#"><img src="images/tg002.jpg" width="80" height="80" /></a>
<a href="#"><img src="images/tg001.jpg" width="80" height="80" /></a>
<a href="#"><img src="images/tg002.jpg" width="80" height="80" /></a>
</p>
</div>
</div>
</div>
<div id="footer">
<div class="footerwrapper">
<p class="left">Copyright ©2020 <a href="#">3200190102张凯旋</a>· All Rights Reserved</p>
<p class="right">design by:<a href="#">3200190102张凯旋</a>|更多资讯<a href="#">www.baidu.com</a></p>
</div>
</div>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
