第一份作業(yè)

熟悉網(wǎng)頁,并且自己仿照老師的模版,自己做出一個(gè)。哎喲!不錯(cuò)哦?。?br> 最終成果:


我的代碼


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The blah</title>
    <link rel="stylesheet" type="text/css" href="homework.css">
</head><body>
    <div class="header">
        <img src="images/blah.png"/>
        <ul class="nav">
            <li><a href="#">Home</a> </li>
            <li><a href="#">Site</a></li>
            <li><a href="#">Other</a></li>
        </ul>
    </div>
    <div class="main-content">
        <h2>The beach</h2>
        <hr>
        <ul class="photos">
            <li><img src="images/0001.jpg" width="150" height="150" alt="Pic1"></li>
            <li><img src="images/0003.jpg"width="150" height="150" alt="Pic1"></li>
            <li><img src="images/0004.jpg"width="150" height="150" alt="Pic1"></li>
        </ul>
        <p>
            stretching from Solta to Mljet, and this unique cycling trip captures the highlights with an ideal balance of activity, culture and relaxation. Experience the beautiful island of Korcula with its picturesque old town, the untouched beauty of Vis, and trendy Hvar with its Venetian architecture. In the company of a cycling guide, this stimulating journey explores towns and landscapes, many of which are on UNESCO's world heritage list. Aboard the comfortably appointed wooden motor yacht, there is ample time between cycles to swim in the azure waters and soak up the ambience of seaside towns.
        </p>
    </div ><div class="footer">
    <p>Alex LI</p>
</div>
</body>
</html>

總結(jié)

  • CSS和圖片的路徑設(shè)置是我做網(wǎng)站中的小門檻卡了一下
  • HTML框架的規(guī)律基本上熟悉
  • 理解了網(wǎng)頁制作中層層嵌套的思路思維方式
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容