常見網(wǎng)頁設計作業(yè)題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5+CSS大作業(yè)——明星相片個人網(wǎng)頁設計(6頁)

HTML5+CSS大作業(yè)——明星相片個人網(wǎng)頁設計(6頁)

時間:2023-10-08 23:30:01 | 來源:網(wǎng)站運營

時間:2023-10-08 23:30:01 來源:網(wǎng)站運營

HTML5+CSS大作業(yè)——明星相片個人網(wǎng)頁設計(6頁):?# HTML5+CSS大作業(yè)——明星相片個人網(wǎng)頁設計(6頁)

常見網(wǎng)頁設計作業(yè)題材有 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他 等網(wǎng)頁設計題目, A+水平作業(yè), 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設計需求, 喜歡的可以下載!

獲取更多源碼

*PC電腦端關注我們***

作者主頁-更多源碼

HTML期末大作業(yè)文章專欄

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <title>Born to love</title> <!-- 滑動插件庫 --> <link rel="stylesheet" type="text/css" href="css/animate.css"> <!-- bootstrap --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- 自己的樣式 --> <link rel="stylesheet" href="css/style.css"> <!-- 公共樣式 --> <link rel="stylesheet" href="css/reset.css"></head><body> <header id="header" class="header"> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a href="index.html" class="navbar-brand logo hidden-xs"> <img src="images/logo.png" alt="logo" class="img-responsive"> </a> <a href="index.html" class="navbar-brand logo hidden-md hidden-sm hidden-lg">Born to love</a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class=""><a href="index.html">首頁</a></li> <li><a href="team.html">火星成員</a></li> <li><a href="activity.html">華家有一子</a></li> <li><a href="us.html">聯(lián)系我們</a></li> <li><a href="login.html">登錄</a></li> <li><a href="register.html">注冊</a></li> </ul> </div> </div> </nav> </header> <section> <div id="myCarousel" class="carousel slide wow fadeInDown"> <ul class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ul> <div class="carousel-inner"> <div class="item active"> <img src="images/lunbo2.jpg" alt="第一張" class="img-responsive"> </div> <div class="item"> <img src="images/lunbo3.jpg" alt="第二張" class="img-responsive"> </div> <div class="item"> <img src="images/lunbo1.jpg" alt="第三張" class="img-responsive"> </div> </div> <a href="#myCarousel" data-slide="prev" class="carousel-control left"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a href="#myCarousel" data-slide="next" class="carousel-control right"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </section> <section id="welcome"> <div class="container"> <div class="col-md-12"> <div class="welcome-title text-center wow fadeInDown"> <h2>Born to Love</h2> <p>Welcome Home</p> </div> </div> <div class="row"> <div class="col-md-6 wow fadeInLeft col-sm-6"> <div class="li"> <a href="#" class="pull-left"> <img src="images/Welcome06.jpg" alt="bg" class="img-responsive"> </a> <div class="media-body"> <h3>It's Not Ending</h3> <p>關于家,不會有結(jié)尾</p> <p>因為一切都才剛剛開始</p> <p>但是,故事總會說再見</p> <p>希望家一直都在,家里的人一直都好</p> </div> </div> </div> <div class="col-md-6 wow fadeInRight col-sm-6" data-wow-delay="0.2s" > <div class="li"> <a href="#" class="pull-left"> <img src="images/Welcome01.png" alt="bg" class="img-responsive"> </a> <div class="media-body"> <h3>Welcome Home</h3> <p>我們都是素不相識的陌生人</p> <p>都默默地在各自的軌道上無聲的運行著</p> <p> 好像永不會相交的平行線</p> <p>但奇妙的命運讓我們在這里相聚</p> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript"> //動畫庫 $(function(){ new WOW().init(); }); </script> </body> </html>






四、獲取更多源碼

~ 關注我,點贊博文~ 每天帶你漲知識!

相關問題可以相互學習,可關注↓公Z號 獲取更多源碼 !




五、學習資料

web前端 零基礎-入門到高級 (視頻+源碼+開發(fā)軟件+學習資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站





六、更多源碼

*PC電腦端關注我們***

HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學生網(wǎng)頁大作業(yè)網(wǎng)頁設計需求, 喜歡的可以下載!



關鍵詞:設計,作業(yè),明星

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關閉