Python實戰(zhàn)計劃week1_1項目

python實戰(zhàn)計劃的第一個項目:做一個網(wǎng)頁。

最終界面如下:

one_one.png

代碼如下:

<!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" alt="pic1"></li>
        <li><img src="images/0002.jpg" width="150px" height="150px" alt="pic2"></li>
        <li><img src="images/0003.jpg" width="150px" height="150px" alt="pic3"></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>? DaiLe_VoV</p>
</div>
</body>
</html>

總結(jié):

1.Html Tag標簽是Html網(wǎng)頁的框架,Tag標簽內(nèi)的文本是Html網(wǎng)頁的內(nèi)容。
2.Html Tag標簽有許多種,如段落Tag標簽-< p >,標題Tag-< title >,圖像標簽Tag-< img >等等。
3.每個HTML Tag 標簽都可以擁有屬性,如 < a href="#">This is a link < /a >
中的href屬性。
4.令人崩潰的轉(zhuǎn)義字符,Tag標簽中的<與>在簡書的寫法,我只有用空格隔開,它才能正常顯示。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,167評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,628評論 19 139
  • 聲明:本文講解的實戰(zhàn)內(nèi)容,均僅用于學習交流,請勿用于任何商業(yè)用途! 一、前言 強烈建議:請在電腦的陪同下,閱讀本文...
    Bruce_Szh閱讀 13,010評論 6 28
  • 20170531 這幾天重新拾起了爬蟲,算起來有將近5個月不碰python爬蟲了。 對照著網(wǎng)上的程序和自己以前寫的...
    八神蒼月閱讀 14,380評論 3 44
  • 最近歡樂頌很火,但更火的是對于劇中人物樊圣美的討論,有一半同情,但更多的是指責,至少是哀其不幸,怒其不爭。 誠然,...
    開胃下酒菜閱讀 744評論 0 1

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