diff --git a/docs/chapter02.md b/docs/chapter02.md
index 4318860..f40ef2f 100644
--- a/docs/chapter02.md
+++ b/docs/chapter02.md
@@ -159,11 +159,22 @@ HTML 元素（标签）:
 ![](./resources/imgs/grumpy-cat-small.png)
 
 这个元素的主要部分有：
-  ```
+```
     开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中，它在段落文本的开始之前。
     内容（Content）：元素的内容，本例中就是段落的文本。
     结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这标志着该元素的结束。没有包含关闭标签是一个常见的初学者错误，它可能会产生奇特的结果。
 ```
+元素也可以拥有属性，属性看起来像这样：
+![](./resources/imgs/grumpy-cat-attribute-small.png)
+属性包含元素的额外信息，这些信息不会出现在实际的内容中。在上述例子中，这个 class 属性是一个识别名称，以后为元素设置样式信息时更加方便。
+
+属性必须包含：
+```
+   一个空格，它在属性和元素名称之间。如果一个元素具有多个属性，则每个属性之间必须由空格分隔。
+    属性名称，后面跟着一个等于号。
+    一个属性值，由一对引号（""）引起来。
+```
+
 
 #### 2.2.2 CSS3样式和布局 (了解)
 
diff --git a/docs/resources/imgs/grumpy-cat-attribute-small.png b/docs/resources/imgs/grumpy-cat-attribute-small.png
new file mode 100644
index 0000000..e75e441
Binary files /dev/null and b/docs/resources/imgs/grumpy-cat-attribute-small.png differ