0
点赞
收藏
分享

微信扫一扫

HTML网页设计结课作业 HTML5+CSS大作业——七夕情人节日(7页)

weipeng2k 2022-01-09 阅读 49

HTML5+CSS大作业——七夕情人节日(7页)

文章目录

一、作品展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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" />
<link href="css/style.css" rel="stylesheet" />
<title>端午节</title>
</head>

<body>
<div class="con">
  <div class="head">
    <div class="logo">
      <h1>七夕节</h1></div>
    <div class="clear"> </div>
    <div class="nav">
      <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="page1.html">节日介绍</a></li>
        <li><a href="page2.html">节日别称</a></li>
        <li><a href="page3.html">风俗习惯</a></li>
        <li><a href="page4.html">应节食品</a></li>
        <li><a href="page5.html">文学记述</a></li>
        <li><a href="page6.html">节日影响</a></li>
        </ul>
    </div>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="lunbo">
    <p><a href="#"><img src="images/3.png"  width="1024"/></a></p>
    <p>&nbsp;</p>
<p>&nbsp;</p>
  </div>
  <div class="clear"></div>
  <div class="main">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
  </div>
  <div class="clear"></div>
  <div class="foot">七夕节版权所有</div>
  <div class="clear"></div>
</div>
</body>
</html>



四、获取更多源码

~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码 !
在这里插入图片描述

五、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述

举报

相关推荐

0 条评论