選修
(1) 以Brackets新增html文件,首頁名為index.html。調整html架構。<body></body>內以 div 分成區塊如下
(2) 首頁內的主區塊( main )有標題「 h1 」、自己的生活照「 img 」和自我介紹「 p 」。
(3) 首頁內的選單區塊( nav ),至少有「回首頁」、「我的寵物」兩個超連結。
(4) 新增CSS文件,命名為 main.css。首頁連結css檔。
(5) h1 標題 CSS 屬性設定。
(6) 以 background-image 屬性,讓 main 區塊有背景。
(7) 新增 pet.html,從 index.html 複製全部程式碼,將 main 區塊 class 改為 gallery,裏面至少放四張寵物照。
(8) 讓寵物圖片大小一致且有圓角,自己的生活照變圓形大頭貼。
(9) 讓 gallery 區塊內的圖片自動換行,並置中顯示。
(10) 讓選單置於左欄。