From 5fcd387c7bd87f95cb20361c040cf9c40568f5e4 Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 22:47:12 +0700
Subject: [PATCH 1/9] Try 1

---
 html-css/convention.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/html-css/convention.md b/html-css/convention.md
index edd4925..2c9e04d 100644
--- a/html-css/convention.md
+++ b/html-css/convention.md
@@ -5,9 +5,11 @@
 * Không dùng ID làm selector
 
 ### Không tốt 
+```
     #some-body {
       // ...
     }
+```
  
 ### Tốt
     .some-body {

From 031dbd1eea5b9a3a936ff2dd59d3264ab409476f Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:03:18 +0700
Subject: [PATCH 2/9] Fix Try 1

---
 coding-standard/html-css.md | 4 ++--
 html-css/convention.md      | 6 +++---
 html.md                     | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md
index bdc98d8..bc75f2c 100644
--- a/coding-standard/html-css.md
+++ b/coding-standard/html-css.md
@@ -36,10 +36,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
 ```
-<!-- INSTEAD OF -->
+<-- INSTEAD OF -->
 <div style="width:100px;align:center;">
 
-<!-- USE -->
+<-- USE -->
 <div class="message">
 ```
 
diff --git a/html-css/convention.md b/html-css/convention.md
index 2c9e04d..6c17277 100644
--- a/html-css/convention.md
+++ b/html-css/convention.md
@@ -6,9 +6,9 @@
 
 ### Không tốt 
 ```
-    #some-body {
-      // ...
-    }
+#some-body {
+  // ...
+ }
 ```
  
 ### Tốt
diff --git a/html.md b/html.md
index 9be9978..573e92a 100644
--- a/html.md
+++ b/html.md
@@ -35,10 +35,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
 ```
-<!-- INSTEAD OF -->
+<-- INSTEAD OF -->
 <div style="width:100px;align:center;">
 
-<!-- USE -->
+<-- USE -->
 <div class="message">
 ```
 

From 8b381f615d3adf52f993bde119913a01a0792916 Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:08:34 +0700
Subject: [PATCH 3/9] Try fix 2

---
 html.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/html.md b/html.md
index 573e92a..0139536 100644
--- a/html.md
+++ b/html.md
@@ -34,6 +34,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
+###Ví dụ
 ```
 <-- INSTEAD OF -->
 <div style="width:100px;align:center;">

From 9195942e2624ca0fbe0cc964c8fffafb31861613 Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:10:53 +0700
Subject: [PATCH 4/9] Try fix 3

---
 coding-standard/html-css.md | 1 +
 html-css/html.md            | 1 +
 html.md                     | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md
index bc75f2c..2697d05 100644
--- a/coding-standard/html-css.md
+++ b/coding-standard/html-css.md
@@ -35,6 +35,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
+###Example
 ```
 <-- INSTEAD OF -->
 <div style="width:100px;align:center;">
diff --git a/html-css/html.md b/html-css/html.md
index 9be9978..bced016 100644
--- a/html-css/html.md
+++ b/html-css/html.md
@@ -34,6 +34,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
+###Example
 ```
 <!-- INSTEAD OF -->
 <div style="width:100px;align:center;">
diff --git a/html.md b/html.md
index 0139536..52f8ba7 100644
--- a/html.md
+++ b/html.md
@@ -34,7 +34,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
-###Ví dụ
+###Example
 ```
 <-- INSTEAD OF -->
 <div style="width:100px;align:center;">

From 3829de1fc42f7de7c6098586a84e8b0f8c4ab58e Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:13:28 +0700
Subject: [PATCH 5/9] Try fix 4

---
 coding-standard/html-css.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md
index 2697d05..782af58 100644
--- a/coding-standard/html-css.md
+++ b/coding-standard/html-css.md
@@ -32,9 +32,7 @@ text1, text2
 ```
 
 ###Không sử dụng inline style attributes
-Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
-- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
-- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
+Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: có thể dễ dàng chỉnh sửa giao diện cho mã HTML, có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
 ###Example
 ```
 <-- INSTEAD OF -->

From f0ea84dbcbfce8378a9625d4daf319b0f35cd8b4 Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:15:15 +0700
Subject: [PATCH 6/9] Try fix 5

---
 coding-standard/html-css.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md
index 782af58..97293fe 100644
--- a/coding-standard/html-css.md
+++ b/coding-standard/html-css.md
@@ -32,13 +32,15 @@ text1, text2
 ```
 
 ###Không sử dụng inline style attributes
-Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: có thể dễ dàng chỉnh sửa giao diện cho mã HTML, có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
-###Example
+Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: 
+- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML 
+- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
+
 ```
-<-- INSTEAD OF -->
+<!-- INSTEAD OF -->
 <div style="width:100px;align:center;">
 
-<-- USE -->
+<!-- USE -->
 <div class="message">
 ```
 

From 8d375586872bc1bc4f6427696ff177a0d2cbb8dd Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Sun, 21 Jan 2018 23:17:15 +0700
Subject: [PATCH 7/9] Try fix 5

---
 html-css/html.md | 2 +-
 html.md          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/html-css/html.md b/html-css/html.md
index bced016..e42b212 100644
--- a/html-css/html.md
+++ b/html-css/html.md
@@ -34,7 +34,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
-###Example
+
 ```
 <!-- INSTEAD OF -->
 <div style="width:100px;align:center;">
diff --git a/html.md b/html.md
index 52f8ba7..dc72312 100644
--- a/html.md
+++ b/html.md
@@ -34,7 +34,7 @@ text1, text2
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
-###Example
+
 ```
 <-- INSTEAD OF -->
 <div style="width:100px;align:center;">

From 053d1e47e7eae6cd5e10598bea901f239e7bf80e Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Mon, 22 Jan 2018 17:26:46 +0700
Subject: [PATCH 8/9] Fix heading

---
 coding-standard/html-css.md   | 18 +++++++++---------
 coding-standard/javascript.md |  1 +
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/coding-standard/html-css.md b/coding-standard/html-css.md
index 97293fe..9d167d9 100644
--- a/coding-standard/html-css.md
+++ b/coding-standard/html-css.md
@@ -1,13 +1,13 @@
 # HTML&CSS coding convention
-#HTML Convention
+# HTML Convention
 
-##Tất cả các thẻ (tags) phải là chữ thường
+## Tất cả các thẻ (tags) phải là chữ thường
 ```
 <table></table>
 <form></form>
 ```
 
-###Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML
+### Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML
 ```
 txtName, txtAge
 ```
@@ -16,7 +16,7 @@ thay vì
 text1, text2
 ```
 
-###Indent HTML code consistently (Thụt lề cho mã HTML)
+### Indent HTML code consistently (Thụt lề cho mã HTML)
 ```
 <body>
     <form name="frmActivity" method="post" action="<?php echo $formAction;?>">
@@ -31,7 +31,7 @@ text1, text2
 </body>
 ```
 
-###Không sử dụng inline style attributes
+### Không sử dụng inline style attributes
 Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau: 
 - Có thể dễ dàng chỉnh sửa giao diện cho mã HTML 
 - Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.
@@ -44,9 +44,9 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
 <div class="message">
 ```
 
-###Sử dụng 1 file CSS riêng không đặt trong trang HTML
+### Sử dụng 1 file CSS riêng không đặt trong trang HTML
 
-###Tuân thủ W3C validate
+### Tuân thủ W3C validate
 - Việc này giúp website của bạn tối ưu được các đoạn mã HTML và hỗ trợ cho SEO
 - Có thể check W3C validate trên trang https://validator.w3.org/
 
@@ -179,10 +179,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
       }
     }
 
-###Đặt tên cho class
+### Đặt tên cho class
 - Khi đặt tên cho class theo cấu trúc `[Tên viết tắt của dự án]-[Chức năng của section]`
 
-###Phân chia section rõ ràng
+### Phân chia section rõ ràng
 - Phân chia section rõ ràng với từng chức năng của nó
 
 Đặt tên class theo chức năng và hướng tới "Đối tượng"
diff --git a/coding-standard/javascript.md b/coding-standard/javascript.md
index 04411e7..a2ce058 100644
--- a/coding-standard/javascript.md
+++ b/coding-standard/javascript.md
@@ -100,6 +100,7 @@ function handleThings(name, opts = {}) {
 ```
 
 ### Khoảng trắng
+
 - Sử dụng 2 khoảng trắng tương ứng với 1 tab
 - Sau các từ khóa `if`, `while`, `do`, ... phải có 1 khoảng trắng
 - Trước và sau các biến có khoảng trắng

From d5fd08acddd878f81a9ffb6b454a33f30a94f51b Mon Sep 17 00:00:00 2001
From: linhlt311 <linhlt@haposoft.com>
Date: Mon, 5 Mar 2018 16:24:47 +0700
Subject: [PATCH 9/9] Markdown wiki haposoft

---
 README.md            |  11 +--
 markdown/markdown.md | 193 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 199 insertions(+), 5 deletions(-)
 create mode 100644 markdown/markdown.md

diff --git a/README.md b/README.md
index 119ea0d..0176314 100644
--- a/README.md
+++ b/README.md
@@ -5,11 +5,12 @@ Repo lưu lại kinh nghiệm, kiến thức ở Hapo.
 ## Mục lục
 1. [Coding Standard](coding-standard.md) 
 2. [Cơ bản về Git](git.md)
-2. [Cơ bản về PHP](php.md)
-3. [Cơ bản về Laravel](laravel.md) 
-4. [Cơ bản về HTML&CSS](css.md)
-5. [Cơ bản về Javascript](javascript.md) 
-6. Các mục khác
+3. [Cơ bản về PHP](php.md)
+4. [Cơ bản về Laravel](laravel.md) 
+5. [Cơ bản về HTML&CSS](css.md)
+6. [Cơ bản về Javascript](javascript.md) 
+7. [Cơ bản về Markdown](./markdown/markdown.md) 
+8. Các mục khác
 
 Mỗi chủ đề sẽ được chia thành các folder riêng, trong đó sẽ chứa các file markdown ghi chi tiết cho từng chủ đề
 Các chủ đề sẽ được yêu cầu theo dạng [Issues](https://github.com/haposoft/wiki/issues), tự assign vào issues nếu bạn muốn contribute cho phần đó để tránh bị conflict với các thành viên khác. 
diff --git a/markdown/markdown.md b/markdown/markdown.md
new file mode 100644
index 0000000..b65aa1c
--- /dev/null
+++ b/markdown/markdown.md
@@ -0,0 +1,193 @@
+# Markdown
+
+## Markdown là gì:
+
+- Markdown là một syntax đơn giản và dễ sử dụng để style đoạn văn bản trên nền tảng GitHub
+- Markdown cho phép người dùng format chữ cái, thêm ảnh hay tạo danh sách sử dụng một vài kí tự đặc biệt ví dụ như # hay *
+
+## Syntax
+
+Một vài syntax của markdown:
+
+### Heading
+
+```
+# h1
+## h2
+### h3
+#### h4
+##### h5
+###### h6
+```
+
+# h1
+## h2
+### h3
+#### h4
+##### h5
+###### h6
+
+### Styling
+
+Bold : ```** **``` hoặc ```__ __```
+
+Italic : ```* *``` hoặc ```_ _```
+
+Strikethrough : ```~~ ~~```
+
+Bold và italic : ```** **``` và ```_ _```
+
+```
+bold is **this** or __this__
+italic is *this* or _this_
+this is ~~strikethrough~~
+this is **_bold and italic_*
+```
+
+bold is **this** or __this__
+
+italci is *this* or _this_
+
+this is ~~strikethrough~~
+
+this is **_bold and italic_*
+
+### List
+
+#### Unordered list
+
+Sử dụng syntax - hoặc *
+
+```
+- item 1
+- item 2
+* item 3
+* item 4
+```
+
+- item 1
+- item 2
+* item 3
+* item 4
+
+#### Ordered list
+
+Bắt đầu dòng bằng 1 số
+
+```
+1. item 1
+2. item 2
+3. item 3
+```
+
+1. item 1
+2. item 2
+2. item 3
+
+#### Task list
+
+```- [x]``` đánh dấu task đã hoàn thành, 
+```- []``` đánh dấu task chưa hoàn thành
+
+```
+- [x] Finished task
+- [ ] Unfinish task
+- [ ] Open pull request
+```
+
+- [x] Finished task
+- [ ] Unfinish task
+- [ ] Unfinish task
+
+### Hình ảnh
+
+```
+Đây là logo công ty (hover để xem tiêu đề):
+
+Inline-style: 
+![alt text](https://haposoft.com/assets/front/img/haposoft.png "Logo 1")
+
+Reference-style: 
+![alt text][logo]
+
+[logo]: https://haposoft.com/assets/front/img/haposoft.png "Logo 2"
+```
+
+Đây là logo công ty (hover để xem tiêu đề):
+
+Inline-style: 
+![alt text](https://haposoft.com/assets/front/img/haposoft.png "Logo 1")
+
+Reference-style: 
+![alt text][logo]
+
+[logo]: https://haposoft.com/assets/front/img/haposoft.png "Logo 2"
+
+### Links
+
+Có rất nhiều cách để tạo liên kết bằng markdown :
+
+```
+Inline style : [inline-style link](http://wiki.haposoft.com/)
+
+Inline với tiêu đề (hover để xem tiêu đề) : [inline-style with title](http://wiki.haposoft.com/ "Haposoft")
+
+Reference style : [reference-style link][Haposoft]
+
+[Haposoft]: http://wiki.haposoft.com/
+
+Hoặc có thể ghi trực tiếp liên kết vào như http://wiki.haposoft.com/ hay <http://wiki.haposoft.com/>
+```
+
+Inline style : [inline-style link](http://wiki.haposoft.com/)
+
+Inline với tiêu đề (hover để xem tiêu đề) : [inline-style with title](http://wiki.haposoft.com/ "Haposoft")
+
+Reference style : [reference-style link][Haposoft]
+
+[Haposoft]: http://wiki.haposoft.com/
+
+Hoặc có thể ghi trực tiếp liên kết vào như http://wiki.haposoft.com/ hay <http://wiki.haposoft.com/>
+
+### Xuống dòng
+
+Để xuống dòng ta chèn vào giữa một dòng trống
+
+```
+Đây là đoạn văn thứ nhất
+
+Đây là đoạn văn thứ hai
+```
+
+Đây là đoạn văn thứ nhất
+
+Đây là đoạn văn thứ hai
+
+### Emoji
+
+Có thể thêm emoji bằng cách sử dụng syntax :Mã emoji:
+
+```
+:+1: :smile: :family:
+```
+
+:+1:  :smile:  :family:
+
+Xem danh sách toàn bộ emoji và code ở [Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet/)
+
+### Bảng
+
+Mỗi hàng được viết trên 1 dòng. Dòng header cell được phân biệt bằng cách sử dung tối thiểu 3 dấu ```-```. 
+Các cột được phân biệt với nhau bằng dấu ```|```
+
+```
+Tên | Tuổi
+--- | ---
+Nguyễn Văn A | 20
+Hoàng Văn B | 30
+```
+
+Tên | Tuổi
+--- | ---
+Nguyễn Văn A | 20
+Hoàng Văn B | 30
\ No newline at end of file