diff --git a/01-html/01-html标签.md b/01-html/01-html标签图文详解（一）.md
similarity index 100%
rename from 01-html/01-html标签.md
rename to 01-html/01-html标签图文详解（一）.md
diff --git a/01-html/02-html标签.md b/01-html/02-html标签图文详解（二）.md
similarity index 99%
rename from 01-html/02-html标签.md
rename to 01-html/02-html标签图文详解（二）.md
index 508be39..a15b3bf 100644
--- a/01-html/02-html标签.md
+++ b/01-html/02-html标签图文详解（二）.md
@@ -94,16 +94,14 @@ HTML标签超详细的图文演示再来一波~~~
 
 场景1 —— 导航条：
 
-![](20170704_1717.png)
+![](http://img.smyhvae.com/20170704_1717.png)
 
 场景2 —— li里面放置的内容可能很多：
 
-20170704_1719.png
+![](http://img.smyhvae.com/20170704_1719.png)
 
 声明：ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都能放。甚至于可以再放一个ul。
 
-
-
 ### 2、有序列表`<OL>`，里面的每一项是`<li>`
 
 英文单词：Ordered List。
@@ -255,7 +253,7 @@ ol这个东西用的不多，如果想表达顺序，大家一般也用ul。举
 真实案例：（京东最下方）
 
 
-20170704_1727.png
+![](http://img.smyhvae.com/20170704_1727.png)
 
 
 上图中的结构如下：
@@ -285,7 +283,7 @@ ol这个东西用的不多，如果想表达顺序，大家一般也用ul。举
 
 ```
 
-20170704_1728.png
+![](http://img.smyhvae.com/20170704_1728.png)
 
 dt、dd都是容器级标签，想放什么都可以。所以，现在就应该更加清晰的知道：用什么标签，不是根据样子来决定，而是语义（语义本质上是结构）。