HTML5期末大作业

文章目录

  • HTML5期末大作业
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、获取更多源码

一、作品展示






二、文件目录

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml"><!-- InstanceBegin template="/Templates/tp.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>无标题文档</title>
<!-- InstanceEndEditable -->


<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="head">
   <div id="logo"><img src="images/logo.jpg" width="239" height="146" alt="logo" /></div>
   <div id="back">
     <table width="240" border="0" cellspacing="1" cellpadding="1">
       <tr>
         <td width="96">设为首页|</td>
         <td width="96">加入收藏|</td>
         <td width="96">联系我们</td>
       </tr>
     </table>
   </div>
  <div id="nav">
  <ul>
    <li class="first"><a href="index.html">首 　页</a></li>
     <li><a href="nowfood.html">当季美食</a></li>
      <li><a href="vall.html">菜谱大全</a></li>
       <li><a href="yinyang.html">营养饮食</a></li>
        <li ><a href="1.html">食尚社区</a></li>
  
  
  </ul>
  　<a href="#">登陆</a>|<a href="zhuce.html">注册</a></div>
  

</div>
<!-- InstanceBeginEditable name="head" -->
<div id="mian">
<div id="left">
<div id="jies">生活中注意的饮食健康</div>
<img src="images/21.jpg" width="211" height="320" /><img src="images/22.jpg" width="205" height="330" /></div>
<div id="middle"><img src="images/333.jpg" width="540" height="684" /></div>
<div id="right"><img src="images/22.jpg" width="203" height="332" /><img src="images/26.jpg" width="203" height="351" /></div>

</div>
<!-- InstanceEndEditable -->
<div id="footer">
版权所有|主页 |联系我们| 邮箱地址


</div>
</body>
<!-- InstanceEnd --></html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码

更多推荐

html大作业网页代码 html期末作业代码网页设计——食品网5页面模板 HTML+CSS+JavaScript 学生DW网页设计作业成品