diff --git a/docs/203.md b/docs/203.md
index f90fd6e24e641947553513d0f131af7989b1fc94..a2b3712e42ded2685466b5d82dfa54e21e1c34c8 100644
--- a/docs/203.md
+++ b/docs/203.md
@@ -4,7 +4,9 @@
 
 PyQt5 支持使用 QPushButton 类的按钮。 此类在 PyQt5.QtWidgets 组中。 可以通过调用构造函数 QPushButton 并将其文本显示为参数来创建按钮。
 
-**简介** 要将按钮用于 [PyQt5](https://pythonspot.com/pyqt5/) 应用程序，我们需要更新导入行：
+## 简介
+
+要将按钮用于 [PyQt5](https://pythonspot.com/pyqt5/) 应用程序，我们需要更新导入行：
 
 ```
 from PyQt5.QtWidgets import QApplication, QWidget, QPushButton
diff --git a/docs/204.md b/docs/204.md
index 975361a521d59bbfd440352bed49b6bde44ebe62..c0cdd76a2c43077f1756eabee332c99f6fbf9317 100644
--- a/docs/204.md
+++ b/docs/204.md
@@ -15,7 +15,9 @@ from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QMessageBox
 
 我们使用方法 **QMessageBox.question（）**显示消息框。
 
-**PyQt5 消息框代码** 复制以下代码以显示消息框。
+## PyQt5 消息框代码
+
+复制以下代码以显示消息框。
 
 ```
 import sys
@@ -53,7 +55,9 @@ if __name__ == '__main__':
 
 ```
 
-**消息框的更多按钮** 考虑到我们使用 **QMessageBox。是**和 **QMessageBox.No** 。 我们可以轻松添加其他选项：
+## 消息框的更多按钮
+
+考虑到我们使用 **QMessageBox。是**和 **QMessageBox.No** 。 我们可以轻松添加其他选项：
 
 ```
 buttonReply = QMessageBox.question(self, 'PyQt5 message', "Do you want to save?", QMessageBox.Yes | QMessageBox.No | QMessageBox.Cancel, QMessageBox.Cancel)
diff --git a/docs/205.md b/docs/205.md
index 475c8ba7debff399589496970e952c31b1d88856..8e5f37426dda802e6d09ab0678cd61e37a9bcbb2 100644
--- a/docs/205.md
+++ b/docs/205.md
@@ -6,7 +6,9 @@
 
 我们可以使用 resize（width，height）方法设置文本框的大小。 可以使用 move（x，y）方法或使用网格布局来设置位置。
 
-**PyQt5 文本框** 创建文本框非常简单：
+## PyQt5 文本框
+
+创建文本框非常简单：
 
 ```
 self.textbox = QLineEdit(self)
diff --git a/docs/207.md b/docs/207.md
index a325e94c6b09eda7dc032b3efd0023c5ef5ebf17..cf099ea45f57628669a3a2bc5a7207df623c80c2 100644
--- a/docs/207.md
+++ b/docs/207.md
@@ -37,7 +37,9 @@ self.tableWidget.setItem(X,Y, QTableWidgetItem("TEXT"))
 
 ```
 
-**PyQt5 表示例** 完整的 [**PyQt5**](https://pythonspot.com/pyqt5/) 表代码如下：
+## PyQt5 表示例
+
+完整的 [**PyQt5**](https://pythonspot.com/pyqt5/) 表代码如下：
 
 ```
 import sys
diff --git a/docs/208.md b/docs/208.md
index 9087379893d83242c9a66db84bbd13665b66c120..6daea5d2fa99d08e775316fffbc6e064da95d3b8 100644
--- a/docs/208.md
+++ b/docs/208.md
@@ -6,7 +6,9 @@
 
 ![pyqt5-tabs](img/ca67319c33ab1709f8fd3eafa79c6dfb.jpg)
 
-**PyQt5 标签示例** 完整 [**PyQt5**](https://pythonspot.com/pyqt5/) 标签示例：
+## PyQt5 标签示例
+
+完整 [**PyQt5**](https://pythonspot.com/pyqt5/) 标签示例：
 
 ```
 import sys
diff --git a/docs/209.md b/docs/209.md
index 1a570554cce4b61a6132f00cb5e1306429f59510..5470d7917f4582ea3766a8c41cb25ba21777fe50 100644
--- a/docs/209.md
+++ b/docs/209.md
@@ -8,7 +8,9 @@
 
 ![pyqt5-horizontal-layout](img/b18a764c1fce5b869fc970d63229d0d9.jpg)
 
-**水平布局示例** 我们将显示整个代码，然后进行解释。
+## 水平布局示例
+
+我们将显示整个代码，然后进行解释。
 
 ```
 import sys
diff --git a/docs/210.md b/docs/210.md
index 39f219b7c6659049a7fbfced98bb19e8ce9bd6f6..0070a6f894288da3359aec984ed6b2662403597a 100644
--- a/docs/210.md
+++ b/docs/210.md
@@ -6,7 +6,9 @@
 
 ![pyqt-grid-layout](img/6094d3e9eaea24f4f064dfcd2ea91ddc.jpg)
 
-**PyQt5 网格布局示例：** 下面的示例创建网格：
+## PyQt5 网格布局示例：
+
+下面的示例创建网格：
 
 ```
 import sys
diff --git a/docs/211.md b/docs/211.md
index b142fc20ee5a57ddee1843fdb2ca2f8b486a7cba..38387977db95df1dbcb6381b1ce861fc1af01c9d 100644
--- a/docs/211.md
+++ b/docs/211.md
@@ -13,7 +13,9 @@ from PyQt5.QtWidgets import QApplication, QWidget, QInputDialog, QLineEdit
 
 ![pyqt5-input-dialog](img/6872d4e6f12488af0c0f4f9c14deb773.jpg)
 
-**获取整数** 使用 QInputDialog.getInt（）获取整数：
+## 获取整数
+
+使用 QInputDialog.getInt（）获取整数：
 
 ```
 def getInteger(self):
@@ -25,7 +27,9 @@ def getInteger(self):
 
 参数顺序如下：自身，窗口标题，标签（在输入框之前），默认值，最小，最大和步长。
 
-**获得双倍** 通过 QInputDialog.getDouble（）获得双倍：
+## 获得双倍
+
+通过 QInputDialog.getDouble（）获得双倍：
 
 ```
 def getDouble(self):
@@ -37,7 +41,9 @@ def getDouble(self):
 
 最后一个参数（10）是逗号后面的小数位数。
 
-**获取项目/选择** 从下拉框中获取一个项目：
+## 获取项目/选择
+
+从下拉框中获取一个项目：
 
 ```
 def getChoice(self):
@@ -48,7 +54,9 @@ def getChoice(self):
 
 ```
 
-**获取字符串** 使用 QInputDialog.getText（）获取字符串
+## 获取字符串
+
+使用 QInputDialog.getText（）获取字符串
 
 ```
 def getText(self):
@@ -58,7 +66,9 @@ def getText(self):
 
 ```
 
-**所有 PyQt5 输入对话框的示例** 下面的完整示例：
+## 所有 PyQt5 输入对话框的示例
+
+下面的完整示例：
 
 ```
 import sys
diff --git a/docs/212.md b/docs/212.md
index 3c3410f3cfe7a67326342f2ef3763aaeafcf6943..971486afb44e6ef1c5e840d61da43f38327ea35a 100644
--- a/docs/212.md
+++ b/docs/212.md
@@ -6,7 +6,9 @@
 
 需要导入 **QFileDialog** 。
 
-**文件对话框示例** 使用的方法是 QFileDialog.getOpenFileName（），QFileDialog.getOpenFileNames（），QFileDialog.getSaveFileName（）。 使用方法参数可以指定默认目录，文件类型和默认文件名。
+## 文件对话框示例
+
+使用的方法是 QFileDialog.getOpenFileName（），QFileDialog.getOpenFileNames（），QFileDialog.getSaveFileName（）。 使用方法参数可以指定默认目录，文件类型和默认文件名。
 
 ![pyqt5-open-file-dialog](img/c145c7271f700e11aa378a211bb94dff.jpg)
 
diff --git a/docs/213.md b/docs/213.md
index da10357ce88ba7883994a0f81e438f30fa91be5d..e2795a9d909f05e0611cab92add26c59add0612a 100644
--- a/docs/213.md
+++ b/docs/213.md
@@ -4,7 +4,9 @@
 
 PyQt5（和 Qt）默认情况下支持图像。 在本文中，我们将向您展示如何向窗口添加图像。 可以使用 QPixmap 类加载图像。
 
-**PyQt5 图像简介** 将图像添加到 [PyQt5](https://pythonspot.com/pyqt5/) 窗口就像创建标签并将图像添加到该标签一样简单。
+## PyQt5 图像简介
+
+将图像添加到 [PyQt5](https://pythonspot.com/pyqt5/) 窗口就像创建标签并将图像添加到该标签一样简单。
 
 ```
 label = QLabel(self)
diff --git a/docs/214.md b/docs/214.md
index 4da62badd0b27d2db1c3c9fbf97478d8c0cb8bfd..017b37573af26859d4fbae027a0f49d0dde53230 100644
--- a/docs/214.md
+++ b/docs/214.md
@@ -2,7 +2,9 @@
 
 > 原文： [https://pythonspot.com/qt4-window/](https://pythonspot.com/qt4-window/)
 
-![pyqt window](img/1629a04730237a4379bd58ced163e08f.jpg) [PyQt4](https://pythonspot.com/pyqt4/) window on Ubuntu
+![pyqt window](img/1629a04730237a4379bd58ced163e08f.jpg)
+
+[PyQt4](https://pythonspot.com/pyqt4/) window on Ubuntu
 
 在本教程中，您将学习如何使用 [PyQT4](https://pythonspot.com/pyqt4/) 创建图形 hello world 应用程序。
 
diff --git a/docs/215.md b/docs/215.md
index 5a5dcade31b2b325716789a5fdce8d55e80b0d72..90aa91ca9ee27754f470cba0bcc48f5a0dc70ef8 100644
--- a/docs/215.md
+++ b/docs/215.md
@@ -2,7 +2,9 @@
 
 > 原文： [https://pythonspot.com/qt4-buttons/](https://pythonspot.com/qt4-buttons/)
 
-![PyQt4 button example](img/3911a344ee61b701979eb5a2de2c4e27.jpg) PyQt4 button example
+![PyQt4 button example](img/3911a344ee61b701979eb5a2de2c4e27.jpg)
+
+PyQt4 button example
 
 PyQt4（Qt4）通过 QPushButton 小部件支持按钮。
 
diff --git a/docs/216.md b/docs/216.md
index ab6e180379197ca173cc1a9c39c446b853d34722..c8c0bf8a02ead4903045007baedcf9bfcaf16702 100644
--- a/docs/216.md
+++ b/docs/216.md
@@ -38,7 +38,9 @@ sys.exit(a.exec_())
 
 结果：
 
-![qtMessagebox question](img/42005bdb1e24d6b5c1b14e5895521e3a.jpg) qtMessagebox question
+![qtMessagebox question](img/42005bdb1e24d6b5c1b14e5895521e3a.jpg)
+
+qtMessagebox question
 
 [PyQT4](https://pythonspot.com/pyqt4/) 提供了不同类型的消息框。
 
@@ -62,7 +64,9 @@ QMessageBox.information(w, "Message", "An information messagebox @ pythonspot.co
 
 结果：
 
-![QMessageBox Info](img/6efbaae64acdb4e69214c7589963b5bd.jpg) QMessageBox Info
+![QMessageBox Info](img/6efbaae64acdb4e69214c7589963b5bd.jpg)
+
+QMessageBox Info
 
 ## PyQT4 临界盒
 
@@ -73,7 +77,9 @@ QMessageBox.critical(w, "Message", "No disk space left on device.")
 
 ```
 
-Result: ![QMessagebox ](img/af9cd039b8bc48207cfd140b3bd3dd1c.jpg) QMessagebox
+Result: ![QMessagebox ](img/af9cd039b8bc48207cfd140b3bd3dd1c.jpg)
+
+QMessagebox
 
 ## PyQT4 关于盒子
 
@@ -84,6 +90,8 @@ QMessageBox.about(w, "About", "An example messagebox @ pythonspot.com ")
 
 ```
 
-Result: ![qt Messagebox](img/843b3c0a68065ac101f04944c2bac053.jpg) qt Messagebox
+Result: ![qt Messagebox](img/843b3c0a68065ac101f04944c2bac053.jpg)
+
+qt Messagebox
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/217.md b/docs/217.md
index 8df487cd1a0785c12f0186fa1207342351a29f64..56c91be91320f234fd7249f07f94138223ec5632 100644
--- a/docs/217.md
+++ b/docs/217.md
@@ -2,7 +2,9 @@
 
 > 原文： [https://pythonspot.com/qt4-menu/](https://pythonspot.com/qt4-menu/)
 
-![PyQT Menu pythonspot](img/08595a6340da7b1792993a5bb8fb5912.jpg) PyQT Menu
+![PyQT Menu pythonspot](img/08595a6340da7b1792993a5bb8fb5912.jpg)
+
+PyQT Menu
 
 [**PyQt4**](https://pythonspot.com/pyqt4/) **菜单**出现在窗口栏的顶部。 **菜单**使用户可以控制应用程序，并且通常位于窗口顶部。
 
diff --git a/docs/218.md b/docs/218.md
index 99f379aada0722f0ec5ce414017af16707e293a0..752f16a30bcbe61ef773d31f29b08e1f5be2b0ec 100644
--- a/docs/218.md
+++ b/docs/218.md
@@ -10,7 +10,9 @@
 
 For more widgets we suggest using the GUI creation tool covered in the next tutorial.
 
-**文本框小部件** 几乎每个应用程序中都存在输入字段。 在 [PyQT4](https://pythonspot.com/pyqt4/) 中，可以使用 QLineEdit（）函数创建输入字段。
+## 文本框小部件
+
+几乎每个应用程序中都存在输入字段。 在 [PyQT4](https://pythonspot.com/pyqt4/) 中，可以使用 QLineEdit（）函数创建输入字段。
 
 ```
 #! /usr/bin/env python
@@ -43,9 +45,13 @@ sys.exit(a.exec_())
 
 ```
 
-![qt textbox](img/8e1ee291a6d4a348a3629298a80fefbd.jpg) qt textbox
+![qt textbox](img/8e1ee291a6d4a348a3629298a80fefbd.jpg)
+
+qt textbox
+
+## 组合框
 
-**组合框** 组合框可用于从列表中选择一个项目。
+组合框可用于从列表中选择一个项目。
 
 ```
 #! /usr/bin/env python
@@ -81,9 +87,13 @@ sys.exit(a.exec_())
 
 ```
 
-![qt combobox](img/cb9724ae989ef2c079731874772a1798.jpg) qt combobox
+![qt combobox](img/cb9724ae989ef2c079731874772a1798.jpg)
 
-**日历小部件** PyQT4 库有一个日历小部件，您可以使用 QCalendarWidget（）调用来创建它。
+qt combobox
+
+## 日历小部件
+
+PyQT4 库有一个日历小部件，您可以使用 QCalendarWidget（）调用来创建它。
 
 ```
 #! /usr/bin/env python
@@ -119,6 +129,8 @@ sys.exit(a.exec_())
 
 结果：
 
-![calendar qt](img/ab786df4859e36d6feeabac1f97dc5f2.jpg) calendar qt
+![calendar qt](img/ab786df4859e36d6feeabac1f97dc5f2.jpg)
+
+calendar qt
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/219.md b/docs/219.md
index 4f7c143d8acd3896328419fada004fdf0c1afa3b..51906015c8c64b21ed2ca81bc5fcb23f84f278dc 100644
--- a/docs/219.md
+++ b/docs/219.md
@@ -2,7 +2,9 @@
 
 > 原文： [https://pythonspot.com/qt4-textbox-example/](https://pythonspot.com/qt4-textbox-example/)
 
-![pyqt textbox](img/b2c2549d84491412df87f80cf61fbbdc.jpg) PyQt4 textbox example
+![pyqt textbox](img/b2c2549d84491412df87f80cf61fbbdc.jpg)
+
+PyQt4 textbox example
 
 在本文中，您将学习如何使用 [PyQt4](https://pythonspot.com/pyqt4/) 与文本框进行交互。
 
diff --git a/docs/220.md b/docs/220.md
index 97cdf952f696742fa50a6adc0c8d72690f65c71f..47ffbed1486c988f94c772dd6a1499c7d6e1da84 100644
--- a/docs/220.md
+++ b/docs/220.md
@@ -45,6 +45,8 @@ if __name__ == '__main__':
 
 结果：
 
-![PyQT Table](img/185c656e13f47debbad67f5133a4215d.jpg) ![PyQT Table ](img/a60b759f387958b2b4c7046ecd6f4b87.jpg) ![PyQT Table tooltips](img/f1f56d1db3e8574fad782a6392cbb56c.jpg) [PyQT](https://pythonspot.com/pyqt4/) Table tooltips
+![PyQT Table](img/185c656e13f47debbad67f5133a4215d.jpg)
+
+![PyQT Table ](img/a60b759f387958b2b4c7046ecd6f4b87.jpg) ![PyQT Table tooltips](img/f1f56d1db3e8574fad782a6392cbb56c.jpg) [PyQT](https://pythonspot.com/pyqt4/) Table tooltips
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/221.md b/docs/221.md
index cf83f571cf315126f72ecbe0d1fe0d69d7c67616..cb70d2b1a3ccf0920bfc863ab286c9613d0f308a 100644
--- a/docs/221.md
+++ b/docs/221.md
@@ -61,6 +61,8 @@ if __name__ == '__main__':
 
 结果：
 
-![PyQT Tabs](img/71481f97c660d6556a1bf3c5b70648bc.jpg) PyQT Tabs
+![PyQT Tabs](img/71481f97c660d6556a1bf3c5b70648bc.jpg)
+
+PyQT Tabs
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/222.md b/docs/222.md
index 54b07bb26572b810e0320d2ec7c9a162aec53591..4bda91d7e146907c2c9cdc52db58dd70098d7992 100644
--- a/docs/222.md
+++ b/docs/222.md
@@ -4,7 +4,9 @@
 
 在本文中，我们将演示如何使用 progressbar 小部件。 进度栏与其他小部件的不同之处在于，它会及时更新。
 
-**QT4 进度栏示例** 让我们从代码开始：
+## QT4 进度栏示例
+
+让我们从代码开始：
 
 ```
 #! /usr/bin/env python
@@ -60,6 +62,8 @@ sys.exit(a.exec_())
 
 结果：
 
-![PyQT Progressbar](img/72b521dd094d336233ce321ce73811a2.jpg) PyQT Progressbar
+![PyQT Progressbar](img/72b521dd094d336233ce321ce73811a2.jpg)
+
+PyQT Progressbar
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/223.md b/docs/223.md
index bdc715f5b9d29b96890771b19eaeb90fd98494cc..a4003c0a438857cd8b5b59fc5213e3f13d45653a 100644
--- a/docs/223.md
+++ b/docs/223.md
@@ -4,7 +4,9 @@
 
 在本文中，我们将演示如何在 [PyQT](https://pythonspot.com/pyqt4/) 窗口中加载和显示图像。 我们可以使用 Pixmap 小部件在 [PyQT](https://pythonspot.com/pyqt4/) 窗口中显示图像。
 
-![PyQt4-load-image](img/77d7b4598127e8b587d29da009865dde.jpg) An image loaded in a PyQt4 window.
+![PyQt4-load-image](img/77d7b4598127e8b587d29da009865dde.jpg)
+
+An image loaded in a PyQt4 window.
 
 ## 介绍
 
@@ -47,4 +49,6 @@ app.exec_()
 
 结果：
 
-![pyqt Pixmap](img/02ad7ee98094c1504dca8004682214e4.jpg) pyqt Pixmap
\ No newline at end of file
+![pyqt Pixmap](img/02ad7ee98094c1504dca8004682214e4.jpg)
+
+pyqt Pixmap
\ No newline at end of file
diff --git a/docs/224.md b/docs/224.md
index dcf5fc2338e958d23c47258b5709fe5f0e1dec01..b8092cd2213e00aa69e1d262436d99385db1f6fd 100644
--- a/docs/224.md
+++ b/docs/224.md
@@ -4,7 +4,9 @@
 
 在这个简短的教程中，您将学习如何创建文件对话框并加载其文件内容。 使用文件访问的许多应用程序都需要文件对话框。
 
-**文件对话框示例** 要在 [PyQT](https://pythonspot.com/pyqt4/) 中获取文件名（而非文件数据），可以使用以下行：
+## 文件对话框示例
+
+要在 [PyQT](https://pythonspot.com/pyqt4/) 中获取文件名（而非文件数据），可以使用以下行：
 
 ```
 filename = QFileDialog.getOpenFileName(w, 'Open File', '/')
@@ -56,6 +58,8 @@ sys.exit(a.exec_())
 
 结果（输出可能因您的操作系统而异）：
 
-![pyqt_file_open](img/a6f06b37951c44452f79efd047298429.jpg) PyQt File Open Dialog.
+![pyqt_file_open](img/a6f06b37951c44452f79efd047298429.jpg)
+
+PyQt File Open Dialog.
 
 [下载 PyQT 代码（批量收集）](https://pythonspot.com/python-qt-examples/)
\ No newline at end of file
diff --git a/docs/225.md b/docs/225.md
index b80e0b6430953291df2a0224067bb15af75156f1..b2c84955b909009ae69790f6d8bbd57e925dabd9 100644
--- a/docs/225.md
+++ b/docs/225.md
@@ -22,11 +22,15 @@ sudo apt-get install python-kde4
 
 ## 构建一个 PyQT4 GUI
 
-Now we can use the QT Designer application. It saves us from writing tons of layout code that you may be used to when writing HTML. Start qt4-designer from your applications menu. The QT Designer application will appear.![QT_Designer](img/c270198655afac039b29c13193a5885a.jpg) QT Designer
+Now we can use the QT Designer application. It saves us from writing tons of layout code that you may be used to when writing HTML. Start qt4-designer from your applications menu. The QT Designer application will appear.![QT_Designer](img/c270198655afac039b29c13193a5885a.jpg)
+
+QT Designer
 
 按不带按钮的对话框，然后按创建。 现在，您可以将任何组件从窗口小部件框拖动到表单。 简单的拖放。 我们添加了一个按钮，标签和一个像素图。 （我从网上拍摄了一张随机图作为像素图）
 
-![QT_KDE_Dialog](img/a49e87363988856b8eabf42c30cf9400.jpg) QT KDE Dialog
+![QT_KDE_Dialog](img/a49e87363988856b8eabf42c30cf9400.jpg)
+
+QT KDE Dialog
 
 我们的窗口如上图所示。 按 Form > Viewcode。 我们将在 C ++中得到一个带有表单代码的弹出框！ 很好，但是我们需要 Python 代码。 按文件>另存为>form.ui。
 
@@ -69,7 +73,9 @@ python gui.py
 
 这将打开我们的图形界面。 按下“确定”按钮将仅关闭该应用程序。
 
-![pyqt_window-300x215](img/2b327b721889fb95be65443c1d531d0f.jpg) [PyQt](https://pythonspot.com/pyqt4/) Window with QButton
+![pyqt_window-300x215](img/2b327b721889fb95be65443c1d531d0f.jpg)
+
+[PyQt](https://pythonspot.com/pyqt4/) Window with QButton
 
 我们想在按下 OK 按钮时添加一些动作。 我们将以下三行添加到代码中：
 
@@ -81,7 +87,9 @@ def OK(self):
 
 ```
 
-![pyqt4 app example](img/e58b77134f9f1ef5de60f6715f4181ef.jpg) [pyqt4](https://pythonspot.com/pyqt4/) app example
+![pyqt4 app example](img/e58b77134f9f1ef5de60f6715f4181ef.jpg)
+
+[pyqt4](https://pythonspot.com/pyqt4/) app example
 
 [下载 PyQT4 示例（批量收集）](https://pythonspot.com/python-qt-examples/)
 
diff --git a/docs/226.md b/docs/226.md
index c7efa2b2c4a38341312ca7042b81363f13c864c5..d76050b1a4bb0a80dc8b6d09590f129ee8baac81 100644
--- a/docs/226.md
+++ b/docs/226.md
@@ -20,23 +20,33 @@ width: 150; height: 75
 
 ## QTCreator
 
-Start a programmed called QTCreator.   The tutorial will be quite graphical to help you through the whole process. Simply type qtcreator in the terminal or start it from the menu list.  This screen should pop up:![qtcreator](img/472f18a048e7f08feb788266c341bfd8.jpg) qtcreator
+Start a programmed called QTCreator.   The tutorial will be quite graphical to help you through the whole process. Simply type qtcreator in the terminal or start it from the menu list.  This screen should pop up:![qtcreator](img/472f18a048e7f08feb788266c341bfd8.jpg)
+
+qtcreator
 
 ## 创建一个 GUI
 
-Press the big **New Project** button. Select **QT Quick Application** from the menu below. Finally press **Choose** on the bottom right. ![qtquick](img/a24879ba48cc2b7501b7b33c35f7dc27.jpg) qtquick
+Press the big **New Project** button. Select **QT Quick Application** from the menu below. Finally press **Choose** on the bottom right. ![qtquick](img/a24879ba48cc2b7501b7b33c35f7dc27.jpg)
+
+qtquick
 
 将会出现一个新的弹出窗口：
 
-![kde create](img/941e20c7d0c048025948f404e3fb4668.jpg) kde create
+![kde create](img/941e20c7d0c048025948f404e3fb4668.jpg)
+
+kde create
 
 输入名称和有效路径以保存您的项目。 然后按下一步。 从菜单列表中选择 **QT Quick 2.0** 。 按下一步。 按完成。 立即出现以 QML 语言定义的用户界面。
 
-![qt quick](img/4d9da0a2b8e81110fd8f9c625e578502.jpg) qt quick
+![qt quick](img/4d9da0a2b8e81110fd8f9c625e578502.jpg)
+
+qt quick
 
 像所有伟大的程序员一样，我们将以最懒惰的方式解决问题。 无需手动输入所有 QML 代码，我们将按下屏幕左侧的**设计**按钮。 现在将出现一个拖放屏幕。
 
-![draganddrop](img/e22af26e044860eabf29f3813b1dfa8b.jpg) draganddrop
+![draganddrop](img/e22af26e044860eabf29f3813b1dfa8b.jpg)
+
+draganddrop
 
 我们将图像拖到该区域上，然后选择右侧的源。 保存项目。 打开终端并找到您刚创建的 qml 文件。 或者，您可以简单地将代码复制到编辑框中，然后将其保存到.qml 文件中。 输入命令：
 
@@ -83,7 +93,9 @@ python run.py
 
 现在将显示 QML 定义的用户界面：
 
-![QML_PyQT](img/f8cf080d83de7cdd12b501d273967d21.jpg) QML and PyQT
+![QML_PyQT](img/f8cf080d83de7cdd12b501d273967d21.jpg)
+
+QML and PyQT
 
 所有代码都是 [PyQT](https://pythonspot.com/pyqt4/) ，因此您可以像上一教程中那样添加代码。 这是使用 PyQT 创建图形界面的两种方法。 与在上一教程中使用 [QT](https://pythonspot.com/pyqt4/) 创建 GUI 的方法相比，该方法可能更宽松地与代码耦合。 尽管两者都是有效的方法。
 
diff --git a/docs/227.md b/docs/227.md
index cfef06a60dce217b683d302f4e141ce5c43adb78..1decdd03d200e23caefe826ece34c90a49f34437 100644
--- a/docs/227.md
+++ b/docs/227.md
@@ -19,9 +19,13 @@ mainloop()
 
 ```
 
-![tk button](img/b1fb57a653c6741ced779c294ca87447.jpg) tk button
+![tk button](img/b1fb57a653c6741ced779c294ca87447.jpg)
 
-**Tk 图像按钮** 如果需要图像按钮，请使用 PhotoImage 类。 我们使用函数 minsize（）和 geometry（）设置窗口的大小和最小大小。 例：
+tk button
+
+## Tk 图像按钮
+
+如果需要图像按钮，请使用 PhotoImage 类。 我们使用函数 minsize（）和 geometry（）设置窗口的大小和最小大小。 例：
 
 ```
 from Tkinter import *
@@ -43,9 +47,13 @@ mainloop()
 
 结果：
 
-![tk image button](img/289712f8426bbfc6ceacdd22bbcff819.jpg) tk image button
+![tk image button](img/289712f8426bbfc6ceacdd22bbcff819.jpg)
+
+tk image button
+
+## 带有文本标签的 Tk 图像按钮
 
-**带有文本标签的[Tk Image]按钮** 如果需要图像和文本，只需添加参数 compound = LEFT。
+如果需要图像和文本，只需添加参数 compound = LEFT。
 
 ```
 from Tkinter import *
@@ -67,9 +75,13 @@ mainloop()
 
 结果：
 
-![tk button with text and image](img/966f97e15792c89ebeb6f5f8942b0ee5.jpg) tk button with text and image
+![tk button with text and image](img/966f97e15792c89ebeb6f5f8942b0ee5.jpg)
 
-**按钮位置** 如果要将按钮放置在坐标上，请不要使用 pack（）函数，而要使用 place（x，y）函数，如下例所示：
+tk button with text and image
+
+## 按钮位置
+
+如果要将按钮放置在坐标上，请不要使用 pack（）函数，而要使用 place（x，y）函数，如下例所示：
 
 ```
 from Tkinter import *
@@ -91,4 +103,6 @@ mainloop()
 
 结果：
 
-![tk button location](img/f8756b4a6882e933bfd6fc3f8f1fe1b6.jpg) tk 按钮位置 [下载 tkinter 示例](/download-tkinter-examples)
\ No newline at end of file
+![tk button location](img/f8756b4a6882e933bfd6fc3f8f1fe1b6.jpg)
+
+tk 按钮位置 [下载 tkinter 示例](/download-tkinter-examples)
\ No newline at end of file
diff --git a/docs/228.md b/docs/228.md
index 2dde3a85ff22a966e632f8098bcb90c960698841..b33c1c2aed6b3ba41b5f5cc2f91ce5ae8f127c92 100644
--- a/docs/228.md
+++ b/docs/228.md
@@ -6,7 +6,9 @@ Tkinter 工具箱包含所有用于创建图形应用程序的基本小部件。
 
 下面的屏幕截图演示了基于 Tkinter 的菜单：
 
-![tk menu](img/ec69b97f82c9ef2d0bac39c941f21ed9.jpg) Tkinter menu
+![tk menu](img/ec69b97f82c9ef2d0bac39c941f21ed9.jpg)
+
+Tkinter menu
 
 ## Tkinter 菜单栏
 
diff --git a/docs/229.md b/docs/229.md
index bb16a7f6ae5da8005bb1554468fb97df3f356c1b..2e2ae15f3bc7eaa1291078386c85c741e24097ed 100644
--- a/docs/229.md
+++ b/docs/229.md
@@ -11,7 +11,9 @@
 
 在本文中，我们将展示如何使用其中的一些 Tkinter 小部件。 请记住，Python 2.x 和 3.x 的 Tkinter 略有不同
 
-**标签** 要创建标签，我们只需调用 Label（）类并将其打包。 padx 和 pady 是水平和垂直填充。
+## 标签
+
+要创建标签，我们只需调用 Label（）类并将其打包。 padx 和 pady 是水平和垂直填充。
 
 ```
 from Tkinter import *
@@ -24,7 +26,9 @@ root.mainloop()
 
 ```
 
-**EditText（条目小部件）** 要获取用户输入，可以使用条目小部件。
+## EditText（条目小部件）
+
+要获取用户输入，可以使用条目小部件。
 
 ```
 from Tkinter import *
@@ -43,9 +47,13 @@ root.mainloop()
 
 结果：
 
-![tk entry](img/37a3257ed2c7f13f0b141e9c9aa72d3e.jpg) tk entry
+![tk entry](img/37a3257ed2c7f13f0b141e9c9aa72d3e.jpg)
+
+tk entry
 
-**图像** Tk 具有一个小部件来显示图像，即 PhotoImage。 加载图像非常容易：
+## 图像
+
+Tk 具有一个小部件来显示图像，即 PhotoImage。 加载图像非常容易：
 
 ```
 from Tkinter import *
@@ -61,8 +69,12 @@ root.mainloop()
 
 结果：
 
-![python tk image](img/b572dd0f882ff709fb5896b3f7c9905f.jpg) python tk image
+![python tk image](img/b572dd0f882ff709fb5896b3f7c9905f.jpg)
+
+python tk image
+
+## GUI 编辑器
 
-**GUI 编辑器** Tkinter GUI 编辑器的概述可以在这里找到： [http://wiki.tcl.tk/4056](https://wiki.tcl.tk/4056)
+Tkinter GUI 编辑器的概述可以在这里找到： [http://wiki.tcl.tk/4056](https://wiki.tcl.tk/4056)
 
 [下载 tkinter 示例](/download-tkinter-examples)
\ No newline at end of file
diff --git a/docs/230.md b/docs/230.md
index 3267decc64b101117ab012c5c225c5595db8c2be..f0b332916e680cd514594e6afb798cea8baf2e0a 100644
--- a/docs/230.md
+++ b/docs/230.md
@@ -14,7 +14,9 @@ python3 --version
 
 ### Tkinter 消息框
 
-![Tkinter Message box](img/e9d03180e4231af35183a0c4f9ff6277.jpg) TkMessage boxTo show a minimalistic ![tkinter-dialog](img/cada3d59a1bd4887694d8ded4576f519.jpg) Tk messagebox dialog
+![Tkinter Message box](img/e9d03180e4231af35183a0c4f9ff6277.jpg)
+
+TkMessage boxTo show a minimalistic ![tkinter-dialog](img/cada3d59a1bd4887694d8ded4576f519.jpg) Tk messagebox dialog
 
 Tkinter 包括其他几个消息框：
 
diff --git a/docs/231.md b/docs/231.md
index 5813ec161fea01a38265576afa3a00ed55628974..ce886182b9e310d9e112219fc52e99d8771e085e 100644
--- a/docs/231.md
+++ b/docs/231.md
@@ -4,7 +4,9 @@
 
 `tkFileDialog`是具有打开和保存对话框功能的模块。 无需自己在 [Tkinter GUI](https://pythonspot.com/tkinter/) 中实现。
 
-**概述** 文件对话框的概述：
+## 概述
+
+文件对话框的概述：
 
 ## Tkinter 打开文件
 
@@ -46,7 +48,9 @@ print (root.filename)
 
 这是一个示例（在 Linux 上）：
 
-![tkfiledialog Tkinter askopenfilename](img/2c7923eec25e9f598b1f2667df933487.jpg) tkfiledialog Tkinter askopenfilename
+![tkfiledialog Tkinter askopenfilename](img/2c7923eec25e9f598b1f2667df933487.jpg)
+
+tkfiledialog Tkinter askopenfilename
 
 ## Tkinter 保存文件
 
@@ -91,6 +95,8 @@ print (root.directory)
 
 ```
 
-![tkinter-askdirectory](img/e1fe0af3cb6c0d5c97380258734cdce9.jpg) tkinter askdirectory
+![tkinter-askdirectory](img/e1fe0af3cb6c0d5c97380258734cdce9.jpg)
+
+tkinter askdirectory
 
 [下载 tkinter 示例](/download-tkinter-examples)
\ No newline at end of file
diff --git a/docs/233.md b/docs/233.md
index 2c83c71a091cabcce136e2b00f4ca7ce93eaa88a..68b62e0ad3e61c02a5c3bf5a5b48822de9ac1eb4 100644
--- a/docs/233.md
+++ b/docs/233.md
@@ -31,7 +31,9 @@ wx.Frame（）方法返回一个可以包含小部件的新窗口。
 
 app.Mainloop（）将应用程序置于主循环中并侦听事件。
 
-**窗口大小和位置** 您可以使用 SetDimensions（）函数设置位置和大小：
+## 窗口大小和位置
+
+您可以使用 SetDimensions（）函数设置位置和大小：
 
 ```
 #!/usr/bin/python
@@ -48,7 +50,9 @@ app.MainLoop()
 
 该函数的参数为​​：x（左），y（上），宽度和高度。 该功能不仅可以设置屏幕分辨率，还可以设置屏幕上的位置。
 
-**将窗口居中** 要将窗口置于屏幕调用的中心：
+## 将窗口居中
+
+要将窗口置于屏幕调用的中心：
 
 ```
 frame.Centre()
diff --git a/docs/234.md b/docs/234.md
index 3621388382b3435aa39b7dcc8ccb8c3177e5806d..149f6a3ed142e39be42323e39fa132ff61c6b9f5 100644
--- a/docs/234.md
+++ b/docs/234.md
@@ -34,9 +34,13 @@ app.MainLoop()
 
 输出：
 
-![wx button](img/63f4d90dfe1598c08abff7ee025b9a0b.jpg) Buton created with [wxPython](https://pythonspot.com/wx/)
+![wx button](img/63f4d90dfe1598c08abff7ee025b9a0b.jpg)
 
-**按钮上的图像** wxPython 支持在按钮上使用图像。 只需稍作更改即可在按钮上显示图像。 虽然该函数称为 wx.BitmapButton，但它支持其他图像格式。
+Buton created with [wxPython](https://pythonspot.com/wx/)
+
+## 按钮上的图像
+
+wxPython 支持在按钮上使用图像。 只需稍作更改即可在按钮上显示图像。 虽然该函数称为 wx.BitmapButton，但它支持其他图像格式。
 
 ```
 bmp = wx.Bitmap("call-start.png", wx.BITMAP_TYPE_ANY)
@@ -77,4 +81,6 @@ app.MainLoop()
 
 输出：
 
-![wxButton](img/67a209e3d95dcfc3bcf10be8ee22a065.jpg) wxButton
\ No newline at end of file
+![wxButton](img/67a209e3d95dcfc3bcf10be8ee22a065.jpg)
+
+wxButton
\ No newline at end of file
diff --git a/docs/235.md b/docs/235.md
index cc205f16cb22a4adc763b60a753185ef850b1073..dd17ac8b86782d45d907684eba10017966b949ac 100644
--- a/docs/235.md
+++ b/docs/235.md
@@ -4,7 +4,9 @@
 
 要使用[显示对话框，wxPython](https://pythonspot.com/wx/) 仅需要几行代码。 我们将在下面演示。 我们将讨论信息对话框，简单对话框，错误对话框，警告对话框等。
 
-**信息对话框** 信息对话框可以用一行代码显示：
+## 信息对话框
+
+信息对话框可以用一行代码显示：
 
 ```
 import wx
@@ -18,9 +20,13 @@ wx.MessageBox('Pythonspot wxWidgets demo', 'Info', wx.OK | wx.ICON_INFORMATION)
 
 输出：
 
-![wx dialog](img/060aff2419f3f914c11c28c7e8aad94d.jpg) wx dialog
+![wx dialog](img/060aff2419f3f914c11c28c7e8aad94d.jpg)
+
+wx dialog
+
+## 更多对话框：警告对话框，错误对话框和默认对话框
 
-**更多对话框：警告对话框，错误对话框和默认对话框** 通过修改参数，您可以轻松创建其他类型的模拟日志。 下面的例子：
+通过修改参数，您可以轻松创建其他类型的模拟日志。 下面的例子：
 
 ```
 import wx
@@ -40,9 +46,13 @@ wx.MessageBox('Operation could not be completed', 'Error', wx.OK | wx.ICON_ERROR
 
 输出（仅对话框之一）：
 
-![wxDialog](img/ff4ca6bf3d6ff81f610c0b9de5338c3f.jpg) wxDialog
+![wxDialog](img/ff4ca6bf3d6ff81f610c0b9de5338c3f.jpg)
 
-**问题对话框** Wx 可用于创建问题对话框（是/否）。 示例代码：
+wxDialog
+
+## 问题对话框
+
+Wx 可用于创建问题对话框（是/否）。 示例代码：
 
 ```
 import wx
@@ -61,4 +71,6 @@ else:
 
 输出：
 
-![wxDialog](img/7874a6d1f9758b18ee1ef3d3e4f58334.jpg) wxDialog
\ No newline at end of file
+![wxDialog](img/7874a6d1f9758b18ee1ef3d3e4f58334.jpg)
+
+wxDialog
\ No newline at end of file
diff --git a/docs/236.md b/docs/236.md
index 9d19a40e998d7f6fd642fd78aea8199066038942..9ad54d2ef384553675220c0bfe9ef729691125c1 100644
--- a/docs/236.md
+++ b/docs/236.md
@@ -8,7 +8,9 @@
 
 在 wxPython 的模块配备了开放式的文件对话框，可以用几个函数的调用来创建。
 
-![wxPythonOpenFile](img/1d17f5d6e0c394ba2f1d574baf74c7b0.jpg) [wxPython](https://pythonspot.com/wx/) Open File Dialog
+![wxPythonOpenFile](img/1d17f5d6e0c394ba2f1d574baf74c7b0.jpg)
+
+[wxPython](https://pythonspot.com/wx/) Open File Dialog
 
 ## wxPython 文件对话框
 
diff --git a/docs/237.md b/docs/237.md
index 18dcb9d049af3c6f9e19baecd48d11eab6043f6a..1383a45325f63c50bfa27d365a333a755d6c1cf4 100644
--- a/docs/237.md
+++ b/docs/237.md
@@ -6,7 +6,9 @@
 
 wxPython 支持输入对话框，它们包含在框架中。 典型的 wxPython 对话框如下所示：
 
-![wx input](img/38adcfbb184729e5d1d74b09ba622436.jpg) input dialog made with wxPython
+![wx input](img/38adcfbb184729e5d1d74b09ba622436.jpg)
+
+input dialog made with wxPython
 
 ## wxPython 输入对话框
 
diff --git a/docs/239.md b/docs/239.md
index 82718d3e065801096d8d693eb5175ae6b553e098..99d8a864c5e238800cb9227ccc953b532b5aa213 100644
--- a/docs/239.md
+++ b/docs/239.md
@@ -82,4 +82,6 @@ if __name__ == "__main__":
 
 输出：
 
-![wxTabs](img/5a58343f3bd5e027d97e90721b1c4a53.jpg) wxTabs
\ No newline at end of file
+![wxTabs](img/5a58343f3bd5e027d97e90721b1c4a53.jpg)
+
+wxTabs
\ No newline at end of file
diff --git a/docs/3.md b/docs/3.md
index bea1dfde360b89dbd8f4773159c29693d4566a52..303441f3ef41903b70c193f82c21224ef517f906 100644
--- a/docs/3.md
+++ b/docs/3.md
@@ -21,7 +21,9 @@ Python 是一种通用的计算机编程语言。
 
 仅用于终端：[Apple Mac OS X](https://www.python.org/downloads/mac-osx/)，[Microsoft Windows](https://www.python.org/downloads/windows/)，[Linux/UNIX](https://www.python.org/downloads/source/)
 
-![pycharm](img/0e5e1650a644a2fdcbb8890c2461f664.jpg) </picture> 
+![pycharm](img/0e5e1650a644a2fdcbb8890c2461f664.jpg)
+
+</picture> 
 
 [PyCharm，流行的 Python 编辑器](https://www.jetbrains.com/pycharm/)
 
diff --git a/docs/73.md b/docs/73.md
index 3e8ade268b6d14cbd85545d1f95ab5db10e5923f..bf36922b4479b122210404d02cf2dfe7e9db89b1 100644
--- a/docs/73.md
+++ b/docs/73.md
@@ -36,7 +36,7 @@ python website.py
 
 它将输出原始 HTML 代码。
 
-**使用 Python** 下载二进制映像
+使用 Python 下载二进制映像
 
 ```py
 from PIL import Image