web大鱼海棠主题网页(6页)
前端小新Alex 2024-06-27 15:03:01 阅读 97
📔1.网页作品简介方面 ：HTML网站模板。主要有：首页 、剧情简介、角色介绍、制作相关、作品评价、交流登录页等总共 6个页面。
📘2.网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
📒3.网页作品技术：Div+CSS、导航栏效果、表单等等知识点网站布局方面：计划采用目前主流的、能兼容各大主流浏览器
“我想见到天空，想看看那个世界。”——大鱼海棠
首页 、
剧情简介、
角色介绍、
制作相关、
作品评价、
交流登录页
index.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" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<title>无标题文档</title>
</head>
<body>
<div class="di">
<div class="dao">
<div class="logo">
<p>大鱼海棠</p>
</div>
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="juqing.html">剧情简介</a></li>
<li><a href="jiaose.html">角色介绍</a></li>
<li><a href="zhizuo.html">制作相关</a></li>
<li><a href="pingjia.html">作品评价</a></li>
<li><a href="liuyan.html">交流登录</a></li>
</ul>
</div>
</div>
<div class="ban"><img src="images/ban.jpg" width="1000" height="500" /></div>
<div class="xia">
<h2>大鱼海棠</h2>
<div class="tu"><img src="images/t1.jpg" width="280" height="180" /><img src="images/t2.jpg" width="280"
height="180" /><img src="images/t3.jpg" width="280" height="180" /></div>
<h3>基本信息</h3>
<div class="you">
<div class="yy">
<p>中文名</p>
</div>
<div class="yo">
<p>大鱼海棠</p>
</div>
<div class="yy">
<p>编 剧</p>
</div>
<div class="yo">
<p>梁旋</p>
</div>
</div>
<div class="clearit"></div>
<div class="ou">
<div class="yy">
<p>外文名</p>
</div>
<div class="yo">
<p>Big Fish & Begonia</p>
</div>
<div class="yy">
<p>制片人</p>
</div>
<div class="yo">
<p>易巧（总制片人）、 陈洁 、吴洋、刘同（制片人）</p>
</div>
</div>
<div class="clearit"></div>
<div class="ou">
<div class="yy">
<p>其它译名</p>
</div>
<div class="yo">
<p>大鱼·海棠、大·海（Da Hai）</p>
</div>
<div class="yy">
<p>类 型</p>
</div>
<div class="yo">
<p>动画，奇幻，神话</p>
</div>
</div>
<div class="clearit"></div>
<div class="ou">
<div class="yy">
<p>出品时间</p>
</div>
<div class="yo">
<p>2016年</p>
</div>
<div class="yy">
<p>主 演</p>
</div>
<div class="yo">
<p>季冠霖，苏尚卿，许魏洲，金士杰</p>
</div>
</div>
<div class="clearit"></div>
</div>
<div class="foot">大鱼海棠</div>
</body>
</html>
1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！2.💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 等!这里只发一部分代码，制作不易更多完整代码需小偿❤。
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。