1. 圖檔
   • 
   • 若找不到圖檔可以用
   • 圖片加上超連結
     • 部分圖片連結 *
2. 顏色
   • <style="color:#000000;> or <style="color:red;">
     • 顏色表示 #(十六進位) : rgb(十進位, , ) : hsl(圓半徑,彩度%,亮度%) : rgba(十進位, , ,透明度)
   • 背景顏色 <style="background-color: (顏色) ;">
   • 邊線顏色 <style="border: (邊線大小) px solid (顏色);">
   • 邊線樣式 <solid (實線); dotted(虛線); dashed(粗虛線);>
3. 文字
   • 文字提示

     主要文字

   • 文字大小

   • 換行

     第一行

     第二行

     /////

     第一行
     第二行

     ///// 不要格式化

   • 水平線

     ---

   • 文字對齊 <style="text-align:center;">靠中間對齊 <style="twxt-align:right;">靠右對齊
   • 強調 OR
   • 斜體
   • 標記文字
   • 插入字體
   • 下標
   • 上標
   • 刪除線
   • 註解 4.全部套用
   • <style> body {......}; h1 {......}; p {......}; </style>

5.連結

• 新視窗 (新視窗) !
• 原本視窗<a href="網址"
• 根目錄 CSS Tutorial
• 相對路徑CSS Tutorial 6.表格
• 基礎表格 1-1 1-2 2-1 2-2
• 行 ; 列
• 列表
  • 無順序
  ;
  1. 有順序

<style> table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }

td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; }

tr:nth-child(even) { background-color: #dddddd; } </style>

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Centro comercial Moctezuma	Francisco Chang	Mexico
Ernst Handel	Roland Mendel	Austria
Island Trading	Helen Bennett	UK
Laughing Bacchus Winecellars	Yoshi Tannamuri	Canada
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

7.選單 * 可輸入式選單 * 單選式按鈕式選單 * 選單名稱不同可以複選 * 打勾式選單 (可輸入名稱)
* 送出結果 * 下拉式選單 * 名稱 * 名稱 * 名稱 * 較大輸入區塊<textarea name="名稱" rows="長度" cols"寬度" </textarea> * 可輸入式選取選單 * * 預設按鈕 8.按鈕 * 按鈕名稱