diff --git a/README.md b/README.md
index 6d14ba54..9b1c296c 100644
--- a/README.md
+++ b/README.md
@@ -5,18 +5,41 @@
 RoadMap
 ---
 
-| A | B | C | D | E | F | G | H | 
+<!-- | A | B | C | D | E | F | G | H | 
 | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | 
-| 机器学习<br/>[:soccer:](./A-机器学习) | 深度学习<br/>[:basketball:](./B-深度学习) | 自然语言处理<br/>[:hamburger:](./C-自然语言处理) | 计算机视觉<br/>[:fries:](./D-计算机视觉) | 算法<br/>[:apple:](./E-算法)| 数学<br/>[:tangerine:](./F-数学)| 编程语言<br/>[:melon:](./G-编程语言)| 笔试面经<br/>[:cookie:](./H-笔试面经) | 
+| 机器学习<br/>[:soccer:](./A-机器学习) | 深度学习<br/>[:basketball:](./B-深度学习) | 自然语言处理<br/>[:hamburger:](./C-自然语言处理) | 计算机视觉<br/>[:fries:](./D-计算机视觉) | 算法<br/>[:apple:](./E-算法) | 数学<br/>[:tangerine:](./F-数学) | 编程语言<br/>[:melon:](./G-编程语言) | 笔试面经<br/>[:cookie:](./H-笔试面经) |  -->
 
-- :soccer: [<font size=+1>机器学习</font>](./A-机器学习)
-- :basketball: [<font size=+1>深度学习</font>](./B-深度学习)
-- :hamburger: [<font size=+1>自然语言处理</font>](./C-自然语言处理)
-- :fries: [<font size=+1>计算机视觉</font>](./D-计算机视觉)
-- :apple: [<font size=+1>算法</font>](./E-算法)
-- :tangerine: [<font size=+1>数学</font>](./F-数学)
-- :melon: [<font size=+1>编程语言</font>](./G-编程语言)
-- :cookie: [<font size=+1>笔试面经</font>](./H-笔试面经)
+<table style="width:100%; table-layout:fixed;">
+  <tr>
+    <td>A</td>
+    <td>B</td>
+    <td>C</td>
+    <td>D</td>
+    <td>E</td>
+    <td>F</td>
+    <td>G</td>
+    <td>H</td>
+  </tr>
+  <tr>
+    <td>机器学习<br/>[:soccer:](./A-机器学习)</td>
+    <td>深度学习<br/>[:basketball:](./B-深度学习)</td>
+    <td>自然语言处理<br/>[:hamburger:](./C-自然语言处理)</td>
+    <td>计算机视觉<br/>[:fries:](./D-计算机视觉)</td>
+    <td>算法<br/>[:apple:](./E-算法)</td>
+    <td>数学<br/>[:tangerine:](./F-数学)</td>
+    <td>编程语言<br/>[:melon:](./G-编程语言)</td>
+    <td>笔试面经<br/>[:cookie:](./H-笔试面经)</td>
+  </tr>
+</table>
+
+- :soccer: [<font size=+1>A-机器学习</font>](./A-机器学习)
+- :basketball: [<font size=+1>B-深度学习</font>](./B-深度学习)
+- :hamburger: [<font size=+1>C-自然语言处理</font>](./C-自然语言处理)
+- :fries: [<font size=+1>D-计算机视觉</font>](./D-计算机视觉)
+- :apple: [<font size=+1>E-算法</font>](./E-算法)
+- :tangerine: [<font size=+1>F-数学</font>](./F-数学)
+- :melon: [<font size=+1>G-编程语言</font>](./G-编程语言)
+- :cookie: [<font size=+1>H-笔试面经</font>](./H-笔试面经)
 
 <!--
 算法/深度学习/机器学习面试问题整理，想法最初来源于这个[仓库](https://github.com/elviswf/DeepLearningBookQA_cn).
diff --git "a/_notes/\345\244\207\345\277\230-Markdown\345\260\217\346\212\200\345\267\247.md" "b/_notes/\345\244\207\345\277\230-Markdown\345\260\217\346\212\200\345\267\247.md"
index b0ee6d91..05938ca5 100644
--- "a/_notes/\345\244\207\345\277\230-Markdown\345\260\217\346\212\200\345\267\247.md"
+++ "b/_notes/\345\244\207\345\277\230-Markdown\345\260\217\346\212\200\345\267\247.md"
@@ -8,6 +8,7 @@ Index
 - [自动更新目录](#自动更新目录)
 - [图片居中](#图片居中)
 - [隐藏代码块](#隐藏代码块)
+- [HTML 表格](#html-表格)
 - [Latex 公式](#latex-公式)
 
 <!-- /TOC -->
@@ -35,6 +36,34 @@ Index
 </details>
 ```
 
+## HTML 表格
+```
+<table style="width:100%; table-layout:fixed;">
+  <tr>
+    <td>No padding, no strides</td>
+    <td>Arbitrary padding, no strides</td>
+    <td>Half padding, no strides</td>
+    <td>Full padding, no strides</td>
+  </tr>
+  <tr>
+    <td><img width="150px" src="../_assets/no_padding_no_strides.gif"></td>
+    <td><img width="150px" src="../_assets/arbitrary_padding_no_strides.gif"></td>
+    <td><img width="150px" src="../_assets/same_padding_no_strides.gif"></td>
+    <td><img width="150px" src="../_assets/full_padding_no_strides.gif"></td>
+  </tr>
+  <tr>
+    <td>No padding, strides</td>
+    <td>Padding, strides</td>
+    <td>Padding, strides (odd)</td>
+  </tr>
+  <tr>
+    <td><img width="150px" src="../_assets/no_padding_strides.gif"></td>
+    <td><img width="150px" src="../_assets/padding_strides.gif"></td>
+    <td><img width="150px" src="../_assets/padding_strides_odd.gif"></td>
+  </tr>
+</table>
+```
+
 ## Latex 公式
 > 在线 LaTeX 公式编辑器 http://www.codecogs.com/latex/eqneditor.php