diff --git a/CheatSheets/html-cheatsheet.md b/CheatSheets/html-cheatsheet.md
index d456234..5d1ee19 100644
--- a/CheatSheets/html-cheatsheet.md
+++ b/CheatSheets/html-cheatsheet.md
@@ -4,6 +4,7 @@
- [Basic Tags of HTML](#basic-tags-of-html)
- [Tags to Structure Document](#tags-to-structure-document)
- [Semantic Elements](#semantic-elements)
+ - [Formatting](#formatting)
- [Links](#links)
- [Images](#images)
- [Lists](#lists)
@@ -16,6 +17,8 @@
## Basic Tags of HTML
+> Tags are like keywords which defines that how web browser will format and display the content.
+
| Command | Description |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| `...` | Tag can be thought of as a parent tag for every other tag used in the page. |
@@ -41,27 +44,20 @@
| `` | In addition to switching to the next line, this tag also drawsa horizontal bar to indicate the end of the section. |
| `...` | Another old tag, this is used to draw a line atthe center of the text, so as to make it appearunimportant or no longer useful. |
| `...` | Tag for citing author of a quote. |
-| `...` | Pre-formatted, ‘monospace’ text laid out with whitespace inside the element intact. |
-| ` … ` | Denotes text that has been inserted into the webpage. |
-| `
…
` | Quotes often go into this tag. Is used in tandem with the tag. |
+| `
…
` | Quotes often go into this tag. Is used in tandem with the ``tag. |
| ` … ` | Similar to the above tag, but for shorter quotes. |
| ` … ` | Denotes abbreviations, along with the full forms. |
| ` … ` | Tag for specifying author’s contact details. |
| ` … ` | Tag dedicated for definitions. |
| ` … ` | This is used to display code snippets within a paragraph. |
-| ` … ` | Used for writing a subscript (smaller font just below the mid-point of normal font). |
-| ` … ` | Similar to the above tag, but for superscripting. |
-| ` … ` | Reduces text size. In HTML5, it often refers to redundant or invalid information. |
-| ` … ` | This element indicates that its contents have strong importance or urgency. Browsers usualy render the contents in bold type. |
-| ` … ` | Defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic. |
| ` … ` | Overrides the current directionality of text, so that the text within is rendered in a different direction. |
-| ` … ` | This tag is used to define emphasized text. The content inside is typically displayed in italic. |
-
**[🔼Back to Top](#table-of-contents)**
## Semantic Elements
+> Semantic element clearly describes its meaning to both the browser and the developer.
+
| Command | Description |
| -------------------------------- | ------------------------------------------------------------------------------------------- |
| ` ... ` | Defines independent, self-contained content |
@@ -72,18 +68,38 @@
| `` | Defines a footer for a document or section |
| ` ... ` | Specifies a header for a document or section |
| ` ... ` | Specifies the main content of a document |
-| ` ... ` | Defines marked/highlighted text |
| `` | Defines navigation links |
| ` ... ` | Defines a section in a document |
| ` ... ` | Defines a visible heading for a `` element |
| `` | Defines a date/time |
| `
...
` | Preserve both spaces and linebreaks |
+**[🔼Back to Top](#table-of-contents)**
+
+## Formatting
+
+> Formatting elements were designed to display special types of text:
+
+| Command | Description |
+| ------------------------ | ---------------------------------------------------- |
+| ` ... ` | Defines bold text |
+| ` ... ` | Defines emphasized text |
+| ` ... ` | Defines a part of text in an alternate voice or mood |
+| ` ... ` | Defines smaller text |
+| ` ... ` | Defines important text |
+| ` ... ` | Defines subscripted text |
+| ` ... ` | Defines superscripted text |
+| ` ... ` | Defines inserted text |
+| ` ... ` | Defines deleted text |
+| ` ... ` | Defines marked/highlighted text |
**[🔼Back to Top](#table-of-contents)**
## Links
+> Links allow users to click their way from page to page.
+
+
| Command | Description |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
| ` … ` | Anchor tag. Primarily used for including hyperlinks. |
@@ -96,6 +112,8 @@
## Images
+> Images can improve the design and the appearance of a web page.
+
| Command | Description |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| `` | A tag to display images in the webpage. |
@@ -115,6 +133,8 @@
## Lists
+> Lists allow web developers to group a set of related items in lists.
+
| Command | Description |
| -------------- | ----------------------------------------------------------- |
| ` … ` | Tag for ordered or numbered list of items. |
@@ -128,6 +148,8 @@
## Forms
+> Form is used to collect user input. The user input is most often sent to a server for processing.
+
| Command | Description |
| ------------------ | -------------------------------------------------------------------------------- |
| `` | The parent tag for an HTML form. |
@@ -138,6 +160,8 @@
## Tables
+> Tables allow web developers to arrange data into rows and columns.
+
| Command | Description |
| -------------------------- | ------------------------------------------------------------------ |
| `