Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML

Pokai Chang
December 11, 2013

 HTML

Pokai Chang

December 11, 2013
Tweet

More Decks by Pokai Chang

Other Decks in Technology

Transcript

  1. HTML 是沙毀 !7 ▪ HyperText Markup Language
 超⽂文字標記語⾔言 ▪ 純⽂文字檔

    (.htm/.html) ▪ 不是程式語⾔言,只是標記語⾔言 HTML/
  2. HTML 是沙毀 !8 ▪ HyperText Markup Language
 超⽂文字標記語⾔言 ▪ 純⽂文字檔

    (.htm/.html) ▪ 不是程式語⾔言,只是標記語⾔言 HTML/
  3. HTML 是沙毀 !9 ▪ HyperText Markup Language
 超⽂文字標記語⾔言 ▪ 純⽂文字檔

    (.htm/.html) ▪ 不是程式語⾔言,只是標記語⾔言 HTML/
  4. !13 準備工具 ▪ Browser 瀏覽器 ▪ Google Chrome ▪ FireFox

    ▪ Text Editor 純⽂文字編輯器 ▪ Sublime Text ▪ Vim ▪ Notepad++
  5. !32 Hands On <!DOCTYPE html> <html < < < </

    < ! ! </ </ <h1>如何⽤用利瑪竇造句?</h1> <p>我昨天才剛把綠⾖豆種下去,今天⽴立⾺馬
 ⾖豆⼦子就⻑⾧長出來了呢!</p> <p>此監聽內容有利⾺馬⾾鬥⾛走⺩王⾦金平。</p>
  6. 1. 項目一 2. 項目二 3. 項目三 4. 項目四 5. 項目五

    基本標籤 <ol> </ol> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li>
  7. !39 Hands On ! ! ! < < </ <

    ! ! ! ! ! </ </ <ul> <li>君⼦子坦蕩盪,⼩小⼈人寫作業。</li> <li>商⼥女不知亡國恨,⼀一天到晚寫作業。</li> <li>舉頭望明⽉月,低頭寫作業。</li> <li>洛陽親友如相問,就說我在寫作業。</li> <li>少壯不努⼒力,⽼老⼤大寫作業。</li> <li>垂死病中驚坐起,今天還沒寫作業。</li> </ul>
  8. !40 Hands On ! ! ! < < </ <

    ! ! ! ! ! </ </ <ol> <li>君⼦子坦蕩盪,⼩小⼈人寫作業。</li> <li>商⼥女不知亡國恨,⼀一天到晚寫作業。</li> <li>舉頭望明⽉月,低頭寫作業。</li> <li>洛陽親友如相問,就說我在寫作業。</li> <li>少壯不努⼒力,⽼老⼤大寫作業。</li> <li>垂死病中驚坐起,今天還沒寫作業。</li> </ol>
  9. !45 Hands On ! ! ... < < </ <

    ! </ </ <a href="homework.html">寫作業</a> index.html
  10. !46 Hands On ! ! ! ! ! ! ...

    < < < < < < < </ ! </ </ <a href="index.html">回⾸首⾴頁</a> homework.html
  11. 表格欄位 表格欄位 表格欄位 表格欄位 表格欄位 表格欄位 表格欄位 表格欄位 表格欄位 基本標籤

    <table> </table> <tr> </tr> <tr> </tr> <tr> </tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td>
  12. CSS