第一節(jié)練習(xí)項(xiàng)目:動(dòng)手做自己的網(wǎng)頁(yè)

代碼

  <!DOCTYPE html>
  <html lang="en"> 
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="homework.css">
  </head>

  <body>
    <div class="header">
      <img src="images/blah.png" alt="logo">
      <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="150" height="150" alt="0001"></li>
        <li><img src="images/0003.jpg" width="150" height="150" alt="0003"></li>
        <li><img src="images/0004.jpg" width="150" height="150" alt="0004"></li>
        <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>
      </ul>
    </div>

    <div class="footer">
      <p>&copy MUGGLECODING</p>
    </div>
  </body>
  </html>

要點(diǎn)

原始代碼(html,css,javascript)--------瀏覽器渲染---------網(wǎng)頁(yè)
html結(jié)構(gòu) css樣式 javascript行為
<head> 傳遞給瀏覽器
<body> 內(nèi)是可見內(nèi)容
其他標(biāo)簽可見:http://www.w3school.com.cn/

最后編輯于
?著作權(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),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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