大学生网页制作之美食篇html+css静态网页设计

大学生网页制作之美食篇html+css静态网页设计用AdobeDreamweaverCS6制作代码如下:<!DOCTYPEhtml><html><head><metahttp-equiv=”Content-Type”content=”text/html;charset=UTF-8″><title>电饭煲蛋糕</title><linkrel=”stylesheet”type=”text/css”href=”css/mofang3.css”>

用Adobe Dreamweaver CS6 制作
在这里插入图片描述

下载地址:https://download.csdn.net/download/qq_40957277/19646891

代码如下:

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>电饭煲蛋糕</title>
<link rel="stylesheet" type="text/css" href="css/mofang3.css">
</head>
<body style="">

<div class="banner">
<img src="images/banner.jpg">
</div>
<div class="msb">
<div class="recipeArction clear">

<p id="mof_desc">朋友们上传的电饭煲蛋糕的做法,这些电饭煲蛋糕的菜谱含有详细的图文步骤,可以帮您一步一步做出电饭煲蛋糕。</p>

</div>

<div class="gongxiao_r">
<div>
<a href="yingyang.html" target="_blank">电饭煲蛋糕的营养</a>
<a href="zuofa.html" target="_blank">电饭煲蛋糕的做法</a>
<a href="index.html" target="_blank">作品展示</a>
<a href="qiaomen.html" target="_blank">窍门分享</a>


</div>
</div>


<div class="mo">
<h2>电饭煲蛋糕的做法大全</h2>
</div>
<div class="msb_list clear">
<ul>
<li>
<div>
<a href="#" target="_blank">
<img src="images/20180424152455489016813.jpg" width="230" height="230" style="display: block;">
<span>电饭煲版蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/c640_201501271422346713380.jpg" width="230" height="230" style="display: block;">
<span>电饭煲蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/20180424152455941495113.jpg" width="230" height="230" style="display: block;">
<span>电饭煲做蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/2020010515781940014619732003.jpg" width="230" height="230" style="display: block;">
<span>电饭煲版戚风蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/c640_201501241422110450411.jpg" width="230" height="230" style="display: block;">
<span>电饭煲版海绵蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/c640_201511201447986970219.jpg" width="230" height="230" style="display: block;">
<span>戚风蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/20180425152464580030510104208.jpg" width="230" height="230" style="display: block;">
<span>电饭煲蛋糕</span>
</a>
</div>
</li>
<li>
<div>
<a href="#" target="_blank">
<img src="images/c640_20160820147168851678713.jpg" width="230" height="230" style="display: block;">
<span>电饭煲蛋糕</span>
</a>
</div>
</li>

</ul>
</div>

</div>

<div id="J_footer_box" class="footer-area clear">
<div class="w">
<div class="ft1">
<p class="c3b"><a target="_blank" href="/">蛋糕的做法 - 让生活更美好!</a></p>

<p>© 2004-2021 xx学院xx级班 姓名  学号</p>
</div>

</div>
</div>


</body></html>

今天的文章大学生网页制作之美食篇html+css静态网页设计分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/33059.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注