Added Semantic Tags notes

content/batch/learn/html/basic.mdx

@@ -90,6 +90,14 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 
 ```
 
+## Break Line
+
+```html
+
+<br>
+
+```
+
 ## Links
 
 ```html
@@ -223,6 +231,81 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 <video src="video_file.mp4" controls></video>
 
 ```
+
+## Semantic Tags
+
+### Header
+
+```html
+
+<header>
+  <h1>My Website</h1>
+    <nav>
+      <ul>
+        <li><a href="/">Home</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/contact">Contact Us</a></li>
+      </ul>
+    </nav>
+  </header>
+
+```
+
+### Main
+
+```html
+
+<main>
+  <section>
+    <h2>Home</h2>
+    <p>Welcome to our website.</p>
+  </section>
+
+  <section>
+    <h2>About</h2>
+    <p>We are a team of passionate developer working on improving the content...</p>
+  </section>
+
+  <section>
+    <h2>Contact Us</h2>
+    <p>Email Us at [email protected] </p>
+  </section>
+
+  <article>
+    <h2>Latest News</h2>
+    <p>Breaking news: Something significant has happened...</p>
+  </article>
+</main>
+
+```
+
+### Aside
+
+```html
+
+<aside>
+  <h3>Related Links</h3>
+    <ul>
+      <li><a href="/archive">News Archive</a></li>
+      <li><a href="/terms">Terms of Service</a></li>
+    </ul>
+</aside>
+
+```
+
+### Footer
+
+```html
+
+<footer>
+  <p>&copy; 2023 My Website</p>
+    <address>
+      Contact: <a href="mailto:[email protected]">[email protected]</a>
+    </address>
+</footer>
+
+```
+
 </TabsContent>
 
 <TabsContent value="assignment">