Python實戰 - 第1.1節:認識網頁的構成

筆記

網頁的基本構成:

  • html - 結構
  • css - 樣式
  • js - 功能

作業

實現了如下頁面:


作業截圖.png

代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作業001</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>驢肉火燒</h2>
        <hr>
        <ul class="photos">
            <li>
                <img src="images/1001.jpg" width="150" height="150" alt="pic1">
            </li>
            <li>
                <img src="images/1002.jpg" width="150" height="150" alt="pic2">
            </li>
            <li>
                <img src="images/1003.jpg" width="150" height="150" alt="pic3">
            </li>
            <p>先說火燒。先解釋下啥就火燒,我們那里的燒餅、大餅等皆可稱為火燒。我們那里所說的“大火燒”,即專指驢肉火燒。河間火燒的特點是“外酥里嫩”,油大,面餅呈黃色,外皮油酥,餅內分層并且口感酥嫩。任丘火燒的特點是“外焦里嫩”,油小,面餅呈烤制而成的金黃色,外皮焦脆,餅內分層并且口感韌嫩。</p>
            <p>再說火燒的填充物。為啥不說“餡”呢?因為驢肉等填充物是等火燒出爐以后才塞進去的。填充物除了驢肉,還有板腸和燜子。驢肉和板腸我沒有感覺兩地的有什么不同,可能由于我的口感不是很敏感,沒有察覺出來吧。有好奇的朋友可以找機會自己品嘗區分一下。</p>
        </ul>
    </div>
    <div class="footer">
        <p>? 輝叔不太萌</p>
    </div>
</body>
</html>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,113評論 25 708
  • 社會實踐宣講孟瑞鵬精神 ——機械學院“緬懷瑞鵬,傳承擔當”實踐隊 2017年7月3號,華北水利水電大學機械學院緬懷...
    娶名字好難閱讀 84評論 0 0
  • 天空終于放晴了,只是云霧還未來得及都散去。一場秋雨讓我仿佛失憶一般只記得時間的流逝。 很早就想提筆寫點...
    盼的后花園閱讀 180評論 1 2
  • 從你的淘寶訂單中選出一個1年內購買的物品,認真分析其文案、配圖的特點,從中分析有哪些你可以學到的內容。 注:盡量選...
    一竹2016閱讀 436評論 0 0