Semantic tags

readme.md

@@ -10,14 +10,14 @@
    **[10 Marks]** [View Code](shadow/index.html)
 
 4. **Explain any 5 semantic tags of HTML5 with an example.**  
-   **[10 Marks]**
+   **[10 Marks]** [View Code](semantic-tags)
 
 5. **What is HTTP? Describe the structure of HTTP request and response messages.**  
    **[10 Marks]**
 
 6. **Write a code to drag an image from outside the box and drop it inside the box.**  
    **[5 Marks]**
-     [View Code](html+js/dragAndDrop.html)
+   [View Code](html+js/dragAndDrop.html)
 
 7. **Create an external stylesheet and link it to an HTML form. The stylesheet should include:**
 

semantic-tags/article.html

@@ -0,0 +1,4 @@
+<article>
+    <h3>How to Learn HTML</h3>
+    <p>HTML is the foundation of web development. Start by learning the basic tags...</p>
+</article>

semantic-tags/footer.html

@@ -0,0 +1,4 @@
+<footer>
+    <p>&copy; 2024 My Website. All Rights Reserved.</p>
+    <p><a href="#privacy-policy">Privacy Policy</a> | <a href="#terms">Terms of Use</a></p>
+</footer>

semantic-tags/header.html

@@ -0,0 +1,10 @@
+<header>
+    <h1>Welcome to My Website</h1>
+    <nav>
+        <ul>
+            <li><a href="#home">Home</a></li>
+            <li><a href="#about">About</a></li>
+            <li><a href="#contact">Contact</a></li>
+        </ul>
+    </nav>
+</header>

semantic-tags/nav.html

@@ -0,0 +1,7 @@
+<nav>
+    <ul>
+        <li><a href="#services">Services</a></li>
+        <li><a href="#portfolio">Portfolio</a></li>
+        <li><a href="#blog">Blog</a></li>
+    </ul>
+</nav>

semantic-tags/section.html

@@ -0,0 +1,4 @@
+<section>
+    <h2>Our Services</h2>
+    <p>We offer web development, app development, and digital marketing services.</p>
+</section>