當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

web网页设计实例作业 ——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作

發布時間：2024/1/8 javascript 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 web网页设计实例作业 ——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：電影網站設計——電影泰坦尼克號(4頁) HTML+CSS+JavaScript 學生HTML個人網頁作業作品下載個人網頁設計制作大學生個人網站作業模板簡單個人網頁制作

文章目錄

HTML5期末大作業：電影網站設計——電影泰坦尼克號(4頁) HTML+CSS+JavaScript 學生HTML個人網頁作業作品下載個人網頁設計制作大學生個人網站作業模板簡單個人網頁制作
一、作品展示
二、文件目錄
三、代碼實現
四、學習資料

一、作品展示

二、文件目錄

三、代碼實現

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="order by dede58.com/" /><title>Demo</title><link rel="stylesheet" href="css/reset.css"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/iconfont.css"> </head> <body style=" height: 2000px; "><div id="header"><div class="header-top"><div class="auto-width"><h1 class="logo fl"><a href="#"><img src="picture/logo.png" alt="#"></a></h1><div class="search-box fl"><form action="#"><input type="text" class="fl search-text" placeholder="Search here..."><button class="fl search-btn"><i class="iconfont icon-search"></i></button></form><div class="search-feedback"><span class="search-hot">今日熱搜</span><div class="search-menu"><a href="#" class="item item-cur"><span>1</span><em>OverWatch</em></a><a href="#" class="item item-cur"><span>2</span><em>電影知道答案</em></a><a href="#" class="item item-cur"><span>3</span><em>S6</em></a><a href="#" class="item"><span>4</span><em>夏目友人帳</em></a><a href="#" class="item"><span>5</span><em>微小而確實的幸福</em></a><a href="#" class="item"><span>6</span><em>神盾局特工</em></a><a href="#" class="item"><span>7</span><em>天涼好個秋</em></a></div></div></div><ul class="header-guide fr"><li class="guide-item download"><a href="#"><i class="iconfont icon-app"></i><span>下載客戶端</span></a><div class="guide-hover"><img src="picture/app-download.png" alt="#"></div></li><li class="guide-item login"><a href="#">登錄/注冊</a></li><li class="guide-item history"><a href="#"><i class="iconfont icon-history"></i></a><div class="guide-hover"><span class="text">尚未記錄任何歷史信息。</span><a href="#" class="more">More</a></div></li><li class="guide-item upload"><a href="#"><i class="iconfont icon-upload"></i></a><div class="guide-hover"><ul><li><a href="#">投視頻</a></li><li><a href="#">投文章</a></li></ul></div></li><li class="guide-item collect"><a href="#"><i class="iconfont icon-collect"></i></a></li></ul></div></div><div class="header-banner"><a href="#" class="bg"></a><span class="text">這輛車……到底能不能上啊！！！</span><a href="#" class="link"></a></div><li class="slider-menu__item"><a href="#" class="item"><img src="picture/slider-menu__2.jpg" alt="#"><div class="mask-gradient"><p>嗨呀！好氣啊！OW堡傻缺集錦</p><div class="text-box"><em>UP: AcFun出品</em><span class="info"><i class="iconfont icon-collect">14.9萬</i><i class="iconfont icon-collect">165</i></span></div></div></a></li><li class="slider-menu__item"><a href="#" class="item"><img src="picture/slider-menu__3.jpg" alt="#"><div class="mask-gradient"><p>嗨呀！好氣啊！OW堡傻缺集錦</p><div class="text-box"><em>UP: AcFun出品</em><span class="info"><i class="iconfont icon-collect">14.9萬</i><i class="iconfont icon-collect">165</i></span></div></div></a></li><li class="slider-menu__item"><a href="#" class="item"><img src="picture/slider-menu__4.jpg" alt="#"><div class="mask-gradient"><p>嗨呀！好氣啊！OW堡傻缺集錦</p><div class="text-box"><em>UP: AcFun出品</em><span class="info"><i class="iconfont icon-collect">14.9萬</i><i class="iconfont icon-collect">165</i></span></div></div></a></li><li class="slider-menu__item"><a href="#" class="item"><img src="picture/slider-menu__6.jpg" alt="#"><div class="mask-gradient"><p>嗨呀！好氣啊！OW堡傻缺集錦</p><div class="text-box"><em>UP: AcFun出品</em><span class="info"><i class="iconfont icon-collect">14.9萬</i><i class="iconfont icon-collect">165</i></span></div></div></a></li><li class="slider-menu__item"><a href="#" class="item"><img src="picture/slider-menu__5.jpg" alt="#"><div class="mask-gradient"><p>嗨呀！好氣啊！OW堡傻缺集錦</p><div class="text-box"><em>UP: AcFun出品</em><span class="info"><i class="iconfont icon-collect">14.9萬</i><i class="iconfont icon-collect">165</i></span></div></div></a></li></ul></section><section class="area clearfix area-recommend"><header class="area-header"><h2 class="title"><img src="picture/area-title__1.gif" alt="#"><b>猴子推薦</b><em>十分好評快來看啦</em></h2></header><div class="area-cont"><div class="area-main fl"><ul class="area-menu fl clearfix"><li class="area-menu__item"><a href="#" class="img"><img src="picture/area-menu__1.jpg" alt="#"><span class="mask"><em class="time">4:47</em></span></a><div class="info"><a href="#" class="title">這只喵技能樹突破天際啦!</a><a href="#">匿名版</a><br><a href="#">AC大逃殺</a></p></div><span class="line"></span><div class="item"><h4>反饋</h4><p><a href="#">意見反饋</a><a href="#">舉報</a><a href="#">幫助中心</a><br><a href="#">免責聲明</a><a href="#">用戶協議</a></p></div></div><div class="footer-img fr"><img src="picture/footer-logo.gif" alt="#"></div></div><div class="footer-middle clearfix"><div class="item"><a href="#"><i class="icon icon-1"></i>中國互聯網舉報中心</a><a href="#"><i class="icon icon-2"></i>網絡文化經營單位</a></div><div class="item"><span>京8888888888號</span></div><div class="item"><span>節目制作經營許可證66666666666號</span></div></div><div class="footer-bottom"><img src="picture/logo-gray.png" alt="#"><p>本站不提供任何視聽上傳服務，所有內容均來自視頻分享站點所提供的公開引用資源。********</p></div></div></div><a href="javascript:;" id="back_top" class="iconfont icon-up"></a><script src="js/jquery.min.js"></script><script src="js/script.js"></script><script src="js/sliderbox.js"></script><script src="js/tab.js"></script></body> </html>

四、學習資料

~ 關注我，點贊博文~ 每天帶你漲知識!
相關問題可以相互學習，可關注↓公Z號

總結

以上是生活随笔為你收集整理的web网页设计实例作业 ——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：卓训教育：孩子不爱学习怎么办，如何让孩子
下一篇：还在搞三层架构？了解下 DDD 分层架构