什麼是網頁?

我們會先編輯一個文字檔 HTML，經由瀏覽器（Chrome, FireFox, IE...)渲染（Render）後的畫面就是我們看到的網頁。

HTML 必備標籤

HTML 全名為 HyperText Markup Language

標籤都會成雙成對的顯示，如下

<html> </html>
把整個網頁都包住
<head> </head> 網頁相關資訊：
- <meta charset ="utf-8" /> or <meta charset="utf-8">
  表示網頁的編碼適用 utf-8。
  其實本來是 <meta charset ="utf8"> </meta>，但因為兩個開合標籤內沒有其他東西，所以可以和在同一個標籤內，或是直接不加反斜線。
- <title> 這是 Title </title> 網頁的標題

~~其他會放在 head 裡的標籤待補....~~

顯示清單
<ul> </ul> unordered list 無排序
<ol> </ol> ordered list 有排序
<li> </li> list item 在 ul 或 ol 標籤裡的項目

// 無排序
 <ul>
     <li>Apple</li>
     <li>Peach</li>
     <li>Orange</li>
     <li>Banana</li>
 </ul>

 // 有排序
 <ol>
     <li>Apple</li>
     <li>Peach</li>
     <li>Orange</li>
     <li>Banana</li>
 </ol>

<pre> </pre> (preformatted text)
如果要在網頁裡呈現程式碼，使用此標籤可以保留完整格式，該有的空格會如我們的程式碼一樣呈現在網頁上。
<br> (line break)
換行
<table> </table> 表格
- <tr> </tr> (table row)
  表格中的行
- <td> </td> (table cell)
  表格中帶有資料的單元格
- <th> </th> (table header)
  表格中的標題，通常是第一列，或第一行
<a href="欲連結的網址 / #id" target="是否開新分頁"> </a> (anchor)
- href: hypertext reference
  1. 連到網頁外面的位址
  2. 連到網頁裡面的位址 (要先在 heading 後加上 id)
- target
  1. _self 在原本頁面開啟
  2. blank 在新分頁開啟