Python實(shí)踐計(jì)劃每一周第一節(jié)作業(yè):做一個(gè)網(wǎng)頁

按照第一周第一節(jié)課課程安排做了一個(gè)網(wǎng)頁裹芝,網(wǎng)頁效果如下:

我的代碼如下:

<!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="150px" height="150px"></li>
        <li><img src="images/0002.jpg" width="150px" height="150px"></li>
        <li><img src="images/0003.jpg" width="150px" height="150px"></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>&copy; Mugglecoding Zing</p>
</div>
</body>
</html>

總結(jié):

  • 一個(gè)完整的網(wǎng)頁有三部分構(gòu)成html css 和Javascript 爬蟲主要對html和css抓取就可以了
  • 主要用到的標(biāo)簽有:<p> <ul> <li> <div> <img> <hr> <h2>
  • 網(wǎng)頁的框架都是由<div>構(gòu)建大框架兄春,再用對應(yīng)的功能標(biāo)簽嵌套。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末科吭,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子丹诀,更是在濱河造成了極大的恐慌逆巍,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件封锉,死亡現(xiàn)場離奇詭異绵跷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)成福,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進(jìn)店門碾局,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人奴艾,你說我怎么就攤上這事净当。” “怎么了?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵像啼,是天一觀的道長俘闯。 經(jīng)常有香客問我,道長忽冻,這世上最難降的妖魔是什么真朗? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮僧诚,結(jié)果婚禮上遮婶,老公的妹妹穿的比我還像新娘。我一直安慰自己湖笨,他們只是感情好旗扑,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著慈省,像睡著了一般肩豁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上辫呻,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天清钥,我揣著相機(jī)與錄音,去河邊找鬼放闺。 笑死祟昭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的怖侦。 我是一名探鬼主播篡悟,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼匾寝!你這毒婦竟也來了搬葬?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤艳悔,失蹤者是張志新(化名)和其女友劉穎急凰,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體猜年,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡抡锈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了乔外。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片床三。...
    茶點(diǎn)故事閱讀 38,094評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖杨幼,靈堂內(nèi)的尸體忽然破棺而出撇簿,到底是詐尸還是另有隱情聂渊,我是刑警寧澤,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布四瘫,位于F島的核電站汉嗽,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏莲组。R本人自食惡果不足惜诊胞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锹杈。 院中可真熱鬧撵孤,春花似錦、人聲如沸竭望。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽咬清。三九已至闭专,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間旧烧,已是汗流浹背影钉。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留掘剪,地道東北人平委。 一個(gè)月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像夺谁,于是被迫代替她去往敵國和親廉赔。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,515評論 25 707
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,266評論 24 450
  • 親愛的Jelly匾鸥,忍不住想要給你寫一篇文蜡塌,送給越來越成熟美麗的你~(笑cry)一直很喜歡你,越來越喜歡你勿负,也想在未...
    jjjjjjjelly閱讀 751評論 4 7
  • 所愛隔山海馏艾, 山海不可平。 人游山處水笆环, 偏偏江與湖攒至。
    每一條入了閱讀 182評論 1 1
  • 服務(wù)器集群搭建、管理與快速部署四臺(tái)ubuntu虛擬機(jī)搭建集群服務(wù)器躁劣。什么叫服務(wù)器集群?服務(wù)器集群就是指將很多服務(wù)器...
    變得簡單閱讀 293評論 0 0