Now, let's move to the next topic of the Web Development Learning Series: 🌐
✅ *HTML Tags, Headings, Lists, Forms*
🔹 *What is HTML?*
HTML stands for HyperText Markup Language.
It is the foundation of every web page — used to create and organize content like headings, text, images, forms, and links.
HTML is not a programming language — it's a markup language that tells the browser how to display content.
🔹 *Basic HTML Structure*
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
<html> – The root of the document
<head> – Metadata, title, links
<body> – Visible content (text, images, forms, etc.)
🔹 *Headings in HTML*
HTML has 6 levels of headings, from <h1> (most important) to <h6> (least important).
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Sub-subheading</h3>
Use headings hierarchically for SEO and readability.
🔹 *Paragraphs and Line Breaks*
<p>This is a paragraph of text.</p>
<br />
<p>This is another paragraph.</p>
🔹 *Lists in HTML*
*1. Unordered List (bullets)*
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
*2. Ordered List (numbers)*
<ol>
<li>Open VS Code</li>
<li>Create HTML File</li>
<li>Start Typing!</li>
</ol>
🔹 *Images in HTML*
<img src="https://via.placeholder.com/150" alt="Sample Image" />
src = image URL or file path
alt = text shown if image fails to load
🔹 *Links (Anchor Tags)*
<a href="https://www.google.com" target="_blank">Visit Google</a>
href = destination URL
target="_blank" = opens link in a new tab
🔹 *Forms in HTML*
HTML forms collect user input — used for sign-ups, search boxes, contact forms, etc.
<form>
<label for="name">Name:</label>
<input type="text" id="name" placeholder="Enter your name" />
<label for="email">Email:</label>
<input type="email" id="email" placeholder="Enter your email" />
<button type="submit">Submit</button>
</form>
🧠 Common <input> types: text, email, password, checkbox, radio, submit
🔹 *Self-Closing Tags*
Tags like <br>, <img>, and <input> don’t require a closing tag.
*React with ❤️ once you’re ready for the next quiz*