HTML練習--製作開心莊園頁面
阿新 • • 發佈：2019-01-22
<!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" /> <title>無標題文件</title> <style type="text/css"> .a { font-family: "Times New Roman"; font-size: 18px; font-style: normal; line-height: 40px; font-weight: bolder; font-variant: normal; color: #960; } .b { font-family: "Times New Roman"; font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; color: #960; text-align: center; } </style> </head> <body> <img src="manor-1.jpg"/> <p><span class="a">如何犁地、播種和收穫？</span></p> <p><span class="b">1.點選耙子<img src="manor-2.jpg"height="40px" width="50px" align="center"/>，即可在莊園中開墾田地；</span></p> <p><span class="b">2.一開始，你可以開墾數十塊的田地；擴充莊園後，可開墾的數量更多；</span></p> <p><span class="b">3.在商店<img src="manor-3.jpg"height="40px" width="50px" align="center"/>， 購買種子後，點選莊園中的田地，<img src="manor-4.jpg"height="40px" width="50px" align="center"/>，即可播種；</span></p> <p><span class="b">4.別忘了收穫自己的勞動所得哦，枯萎後就顆粒無收了！</span></p> <p><span class="b">5.使用鏟子刪除莊園裡的田地和植物；</span></p> <p><span class="b">6.到達一定級別，可利用拖拉機、播種機 、收割機 ，方便快捷的勞作。 </span></p> <p><span class="a">如何種果樹？</span></p> <p><span class="b">1.商店中購買果樹後，點選莊園空地 店<img src="manor-5.jpg"height="40px" width="70px" align="center"/>，即可種植；</span></p> <p><span class="b">2.果樹結滿果實時，一定要記得及時收穫 哦；</span></p> <p><span class="b">3.幸運的是，果樹不會枯萎，收穫後的果樹，過一段時間後，還會繼續結果。</span></p> <p><span class="a">如何養動物？</span></p> <p><span class="b">1.點選商店，選擇想要飼養的動物後，點選莊園空地，即可飼養動物；</span></p> <p><span class="b">2.動物成熟之後一定要記得收穫<img src="manor-6.jpg"height="40px" width="50px" align="center"/>哦~</span></p> <p><span class="b">3.將動物放入相應的居所後，可以更方便地收穫；幸運的話，說不定會有意外的驚喜收穫呢！</span></p> <p><span class="b">4.除了商店購買外，還有各種神祕途徑可獲得動物哦！</span></p> <p><span class="a">如何裝扮自己的莊園？</span></p> <p><span class="b">1.點選左上角的莊園名稱，為自己的莊園起個響噹噹的名字；</span></p> <p><span class="b">2.在商店 裡購買各種喜歡的建築和裝飾，隨心所欲進行裝飾；</span></p> <p><span class="b">3.向好友們許願或釋出需求<img src="manor-7.jpg"height="40px" width="50px" align="center"/>，讓好友們贈送自己心儀的東西；</span></p> </body> </html>