###### tags: `Markdown` `網頁設計`
# Markdown 介紹

# 測試標題1
## 測試標題2
### 測試標題3
#### 測試標題4
##### 測試標題5
###### 測試標題6
####### 測試標題7

**字體測試**
字體測試
*字體測試*
***字體測試***

~~內容~~

# 目錄
1. 加入程式
1. 引用
1. 無序清單
1. 有序清單
1. 核取方塊
1. 超連結
1. 插入圖片
1. 插入表格
1.

## 1. 加入程式 以Java為例：輸出Hello World
#### 開始的3個反單引號 和 java=

class MyJava{
  public static void main(){
    System.out.print("Hello World!")
  }
}

#### 結束的3個反單引號

## 2. 引用
《資訊服務》寶碩現增發行3800萬股
>【時報-台北電】寶碩(5210)為充實營運資金與興建電廠，董事會決議現增發行3800萬股，每股面額為10元，實際發行價格俟本案向金管會申報生效完成後，授權董事長參酌市場狀況並依承銷商自律規則及其他相關法令規定，與主辦承銷商共同議定之。
　本次現金增資案經呈報主管機關申報生效後，有關認股基準日、實際繳款期間、增資基準日、認股發放日及其他與本次增資相關事宜，擬授權董事長全權處理。(編輯整理：廖小蕎)
(時報資訊)
#### 換行以跳出區塊：在Markdown裡 空白行扮演重要的效果
**個股觀測** 優良 持平 注意 (更新：2021/09/30 13:30:00 已收盤）

## 3. 無序清單
* 猴子
* 香蕉
* 牛奶
* 猩猩
* 我猜我猜我猜猜猜
#### 「 * + 空格 + 內容 」：在Markdown裡 空格亦扮演重要的效果
#### 與 「 * 內容 * 」 (鈄體效果)的不同：「 * + 內容 + * 」其* 和 內容 之間無空格

## 4. 有序清單
1. 月
1. 金
1. 木
1. 水
1. 火
1. 土
2. 日
#### 只要有「數字 + . ＋ 空格」Markdown就會自動算第幾點

## 5. 核取方塊
- [x] 上課
- [ ] 買晚餐

## 6. 超連結
[GEARS OF WAR 5](https://www.youtube.com/watch?v=Du9mo4CFeMg)【戰爭機器5】4K電影剪輯版(英配中字) - 零收集、電影式運鏡、完整劇情 - PC特效全開劇情電影 - Gears of War 5 - Semenix出品
## 7. 插入圖片
* 本機圖片上傳：！[可以打可以不打字]（網址）
* 複製網路圖片位址！[當網址貼錯時可做註解用]（網址：按右鍵-> copy image address）


## 8. 插入表格

| 抬頭 |抬頭 |抬頭 |
| -------- | -------- | -------- |
| 第一列 |第一列 |第一列 |
| 第二列 |第二列 |第二列 |
| 第三列第一欄|第三列第二欄 | 第三列第三欄|

#### 文字置右 置中 置左
| 抬頭 | 這是抬頭 | 還有一個抬頭 |
| ------------:|:------------:| ------------:|
| 第一列 | 第一列 | 第一列 |
| 第二列 | 第二列 | 第二列 |
| 第三列第一欄 | 第三列第二欄 | 第三列第三欄 |
#### *補：Markdown要經過HTML Parser（例如Chrome）才會Display
[介紹](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/)

## 標籤要放在第一列
用6個# + tag: + 一對反鈄線 反斜線內放標籤文字 如`標籤文字`