Python實戰(zhàn)計劃學(xué)習(xí)筆記-做一個網(wǎng)頁

效果圖###

kending.png

代碼###

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>做一個網(wǎng)頁</title>
    <link rel="stylesheet" type="text/css" href="homework.css"></link>
</head>
<body>
    <div class="header">
        <img src="images/blah.png"> 
        <!-- png格式的圖片可以保存為無背景 -->
        <ul class="nav">
            <li>
                <a href="#">Jerome</a>
            </li>
            <li>
                <a href="#">Junwei</a>
            </li>
            <li>
                <a href="#">Yang</a>
            </li>
        </ul>
    </div>
    <div class="main-content">
        <h2>墾丁</h2>
        <hr />
        <ul class="nav">
            <img src="images/kending01.jpg" width="150" height="150"></img>
            <img src="images/kending02.jpg" width="150" height="150"></img>
            <img src="images/kending03.jpg" width="150" height="150"></img>
        </ul>
        <p>
            想說的很多,有時間再寫
            想說的很多,有時間再寫
            想說的很多,有時間再寫
            想說的很多,有時間再寫
            想說的很多,有時間再寫
            想說的很多,有時間再寫
        </p>
    </div>
    <div class="footer">
        <p>Copyright : Jerome</p>
    </div>
</body>
</html>

總結(jié)##

1.加入多張并列的圖片,需要加入標(biāo)簽ul,否則圖片則左對齊,而非中間對其
2.<hr />表示加入可耐的分割線
3.```markdown加入代碼段
4.如何訪問網(wǎng)站:

  • 瀏覽器鍵入URL(Uniform Resource Locator)
  • 在URL服務(wù)器(域名系統(tǒng))中解析,找到相應(yīng)的IP地址
  • 在對應(yīng)的IP服務(wù)器中發(fā)送HTTP請求(GET,POST)
  • 將請求得到的HTML,JS,CSS等傳回給用戶(有些數(shù)據(jù)包是壓縮的),并通過瀏覽器渲染
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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