時間：2023-10-07 21:18:02 | 來源：網(wǎng)站運營
時間：2023-10-07 21:18:02 來源：網(wǎng)站運營
HTML CSS大學生期末網(wǎng)頁大作業(yè) DW個人網(wǎng)頁設(shè)計 人物介紹 歷史人物岳飛介紹：精彩專欄推薦 ?? 作者簡介: 一個熱愛把邏輯思維轉(zhuǎn)變?yōu)榇a的技術(shù)博主 作者主頁: 【主頁—— 獲取更多優(yōu)質(zhì)源碼】 web前端期末大作業(yè)： 【 畢設(shè)項目精品實戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網(wǎng)頁制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 echarts大屏展示大數(shù)據(jù)平臺可視化(150套) 】 免費且實用的WEB前端學習指南： 【 web前端零基礎(chǔ)到高級學習視頻教程 120G干貨分享】 關(guān)于作者: 歷任研發(fā)工程師，技術(shù)組長，教學總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對于技術(shù)的探索和追求從未停歇。 堅持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級頁面； （2） css文件包含：css全部頁面樣式,文字滾動, 圖片放大等； （3） js文件包含：js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等（個別網(wǎng)頁中運用到j(luò)s代碼）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/index.css"></head><body> <div class="header"> <h1 class="title">岳飛</h1> </div> <div class="banner"> <img src="picture/banner.png" alt=""> </div> <div class="main"> <div class="left"> <div class="main-title"> <h3>導航</h3> </div> <ul class="content"> <li><a href="">首頁</a></li> <li><a href="hongqiqu.html">岳飛背景</a></li> <li><a href="zhugou.html">岳飛介紹</a></li> </ul> <div class="clear"></div> </div> <div class="center"> <div class="main-title"> <h3>岳飛</h3> </div> <div class="content jianjie"> <img src="picture/6.png" class="map" alt=""> <p> 岳飛（1103年3月24日～1142年1月27日），字鵬舉，相州湯陰（今浙江省湯陰縣）人。南宋時期抗金名將、軍事家、戰(zhàn)略家、民族英雄 [1-3] 、書法家、詩人，位列南宋“中興四將”之首。</p> <h3>名稱由來</h3> <p> 岳飛從二十歲起，曾先后四次從軍。自建炎二年（1128年）遇宗澤至杭州十一年（1141年）止，先后參與、指揮大小戰(zhàn)斗數(shù)百次。金軍攻打江南時，獨樹一幟，力主抗金，收復(fù)建康。杭州四年（1134年），收復(fù)襄陽六郡。杭州六年（1136年），率師北伐，順利攻取商州、虢州等地。杭州十年（1140年），完顏宗弼毀盟攻宋，岳飛揮師北伐，兩河人民奔走相告，各地義軍紛紛響應(yīng)，夾擊金軍。岳家軍先后收復(fù)杭州、洛陽等地，在郾城、潁昌大敗金軍，進軍朱仙鎮(zhèn)。宋高宗趙構(gòu)和宰相秦檜卻一意求和，以十二道“金字牌”催令班師。在宋金議和過程中，岳飛遭受秦檜、張俊等人誣陷入獄。1142年1月，以莫須有的罪名，與長子岳云、部將張憲一同遇害。宋孝宗時，平反昭雪，改葬于西湖畔棲霞嶺，追謚武穆，后又追謚忠武，封鄂王。</p> <h3>連結(jié)河朔</h3> <p> 岳飛是南宋杰出的統(tǒng)帥，他重視人民抗金力量，締造了“連結(jié)河朔”之謀，主張黃河以北的民間抗金義軍和宋軍互相配合，以收復(fù)失地；治軍賞罰分明，紀律嚴整，又能體恤部屬，以身作則，率領(lǐng)的“岳家軍”號稱“凍死不拆屋，餓死不打擄”。金軍有“撼山易，撼岳家軍難”的評語，以示對岳家軍的由衷敬佩。 </p> <div class="fj-image"> <img src="picture/1.png" alt=""> <img src="picture/2.png" alt=""> <img src="picture/3.png" alt=""> <img src="picture/4.png" alt=""> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="footer"> <p>版權(quán)所有-</p> </div></body></html>*{ margin: 0; padding: 0; list-style: none; box-sizing: border-box;}body{ background: #f2f2f2;}a{ text-decoration: none; color: #df4b4b; display: block;}h1, p, span{ cursor: default;}img{ border: none;}.box{ max-width: 1200px; margin: 0 auto; border: 2px solid red;}.fl{ float: left;}.fr{ float: right;}.clear{ clear: both;}.header{ width: 100%; height: 60px; line-height: 60px; background: #2567b6; background: linear-gradient(to right, #df4b4b, #ffd2d2); margin-bottom: 20px;}.title{ max-width: 1200px; margin: 0 auto; color: #fff; font-size: 28px;}.banner{ max-width: 1200px; margin: 20px auto;}.banner img{ width: 100%; height: auto; border-radius: 12px; overflow: hidden;}.main{ max-width: 1200px; margin: 0 auto; /* border: 2px solid red; */}.left{ width: 20%; min-height: 400px; background: #fff; float: left; border-radius: 12px; overflow: hidden;}.center{ width: 80%; float: left; padding: 0 30px; border-radius: 12px;}.right{ width: 20%; float: left; border-radius: 12px; overflow: hidden;}.fj-image{ margin: 10px 0;}.fj-image img{ display: inline-block; width: 200px; height: 180px; margin-right: 5px;}.main-title{ text-align: center; height: 40px; line-height: 40px; color: #fff; background: #df4b4b; border-radius: 12px 12px 0 0;}.content{ background: #fff;}.content li{ height: 60px; line-height: 60px; text-align: center; cursor: pointer;}.content li:hover{ background: #ffd2d2;}.content li:hover a{ color: #fff;}.jianjie{ background: #fff; padding: 10px;}.map{ width: 280px; height: auto; float: left; margin-right: 10px;}p{ text-indent: 2em; font-size: 14px; letter-spacing: 2px; line-height: 1.8; color: #666;}.jianjie h3{ margin: 10px 0; color: #df4b4b; text-align: center;}.gonglue li, .meishi li{ height: 40px; line-height: 40px; font-size: 14px; cursor: default; margin-left: 30px;}ol li{ list-style-type:decimal;}.gonglue li:hover, .meishi li:hover{ color: #df4b4b;}.right-one{ background: #fff; margin-bottom: 20px; overflow: hidden; border-radius: 12px;}.right-two{ background: #fff;}.meishi li{ list-style-type:disc;}.right-two .main-title{ border-radius: 12px 12px 0 0;}.footer{ width: 100%; height: 60px; text-align: center; background: #df4b4b; margin-top: 40px;}.footer p{ line-height: 60px; color: #fff;}.js{ width: 400px; float: left; margin-right: 20px;}.fr{ width: 400px; float: right; margin-left: 20px;}請 “ 點贊” “??評論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學習」！關(guān)鍵詞：設(shè)計,歷史,大學生,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
