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

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

文章目录

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 条评论