From 499ce17202fe4ef4f58200c90a9d72ffb9740ce4 Mon Sep 17 00:00:00 2001
From: Yogesh Ojha <yogesh.ojha11@gmail.com>
Date: Sun, 21 Jun 2020 20:38:22 +0530
Subject: [PATCH] Attributes and contents added for Emmet

---
 tools/emmet.md | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/tools/emmet.md b/tools/emmet.md
index 41fcbb2..c38731d 100644
--- a/tools/emmet.md
+++ b/tools/emmet.md
@@ -100,3 +100,47 @@ Items can be grouped together using `()`
   </tr>
 </table>
 ```
+
+### Class and ID
+Class and Id in Emmet can be done using `.` and `#`
+
+`div.heading`
+
+```html
+<div class="heading"></div>
+```
+
+`div#heading`
+
+```html
+<div id="heading"></div>
+```
+
+ID and Class can also be combined together
+
+`div#heading.center`
+
+```html
+<div id="heading" class="center"></div>
+```
+
+### Adding Content inside tags
+Contents inside tags can be added using `{}`
+
+`h1{Emmet is awesome}+h2{Every front end developers should use this}+p{This is paragraph}*2`
+
+```HTML
+<h1>Emmet is awesome</h1>
+<h2>Every front end developers should use this</h2>
+<p>This is paragraph</p>
+<p>This is paragraph</p>
+```
+
+### Attributes inside HTML tags
+Attributes can be added using `[]`
+
+`a[href=https://google.com data-toggle=something target=_blank]`
+
+```HTML
+<a href="https://google.com" data-toggle="something" target="_blank"></a>
+```