2016.12.21 Python實(shí)戰(zhàn):動(dòng)手做自己的網(wǎng)頁

試著自己修改了下css,效果會(huì)略有不同,不過今天的主要目的不是學(xué)習(xí)做網(wǎng)頁,所以就不再深入研究。
上個(gè)圖:


代碼如下:

<!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>Article</h2>
        <ul class="article">
            <li class="photos li">
                <img src="images/0001.jpg" width="100" height="90">
                <h3>The Blah</h3>
                <p>Say Something</p>
            </li>
            <li class="photos li">
                <img src="images/0002.jpg" width="100" height="90">
                <h3>The Blah</h3>
                <p>Say Something</p>
            </li>
            <li class="photos li">
                <img src="images/0003.jpg" width="100" height="90">
                <h3>The Blah</h3>
                <p>Say Something</p>
            </li>
            <li class="photos li">
                <img src="images/0004.jpg" width="100" height="90">
                <h3>The Blah</h3>
                <p>Say Something</p>
            </li>
        </ul>
    </div>
    <div class="footer">
        <p>?mugglecoding</p>
    </div>
</body>
</html>

總結(jié)和心得:

  1. 學(xué)習(xí)如何利用Chorme瀏覽器查看網(wǎng)頁源碼,使用PyCharm做網(wǎng)頁,大致了解了下網(wǎng)頁源碼的知識(shí)。
  2. 想修改到和視頻中網(wǎng)頁一樣的效果,沒成功。
  3. markdown插入代碼是3個(gè)`號(hào),不是‘或'。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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