Update HTML.md

source/Web Development Concepts/Frontend/HTML.md

@@ -1,11 +1,10 @@
 ---
 layout: default
 title: Hypertext Markup Language
-nav_order: 1
-permalink: Web Development Concepts/Frontend/HTML
-grand_parent: Web Development Concepts
-parent: Frontend
 has_children: false
+parent: Frontend
+permalink: /Frontend/HTML
+nav_order: 1
 ---
 
 # What is Hypertext Markup Language (HTML)?
@@ -17,7 +16,8 @@ has_children: false
 1. TOC
 {:toc}
 
----
+{: .note }
+> By [Victor Hsiao](https://www.linkedin.com/in/hsiaovictor/)
 
 HTML serves as the building blocks for our website. It represents the different pieces for your LEGO figure, the head, arms, body, legs.
 
@@ -90,17 +90,27 @@ There are two types of lists in HTML:
 1. ordered lists
 2. unordered lists
 
-#### Ordered Lists
+#### **Ordered Lists**
 
+To specify an unordered lists, you use the `<ol>` tag.
 
+With ordered lists, your list items would be in a certain order, going from 1, 2, 3, 4, and so forth
 
-#### Unordered Lists
+![ordered list](https://th.bing.com/th/id/OIP.Cpx_G8zpj83y636HSsMcrgHaFj?rs=1&pid=ImgDetMain)
+
+Same as ordered lists, to add items to your unordered list you use the `<li>` tag.
+
+#### **Unordered Lists**
 
 To specify an unordered lists, you use the `<ul>` tag.
 
 Same as ordered lists, to add items to your unordered list you use the `<li>` tag.
 
+Instead of ordered numbers, there would be a bullet point or some form of separator at the front of each list item
+
+Unordered lists would look like this:
 
+![unordered list](https://th.bing.com/th/id/OIP.HfkBXgQPgATQswMMF43-bwHaEJ?rs=1&pid=ImgDetMain)
 
 ### The `<img>` tag