Presented by Swapnil Meshram within mentorship @devsyncin
Started learning and understanding HTML tags with hands-on practice and gaining a deeper understanding of structuring and formatting web content.
Introduction to HTML
What is HTML?
HTML (HyperText Markup Language) is the markup language used to build web pages. It defines the structure and content of a webpage.
Basic HTML Structure
An HTML document consists of:
<!DOCTYPE html> <!-- Declares HTML5 document type -->
<html> <!-- Root element -->
<head> <!-- Metadata (title, linked CSS/js) -->
<title>My First Page</title>
</head>
<body> <!-- Content visible to users -->
<h1>Hello, World!</h1>
</body>
</html>
HTML Elements/Tags:
๐ท๏ธ Headings
<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<h4>This is a Heading 1</h4>
<h5>This is a Heading 2</h5>
<h6>This is a Heading 3</h6>
๐ Paragraph
<p>This is a paragraph of text.</p>
๐ค Text Formatting Tags:
<b>Bold Text</b>
<i>Italic Text</i>
<u>Underlined Text</u>
๐งฎ Lists:
Types of Lists:
Unordered:
<ul>
<li>Bullet item</li>
</ul>
Ordered:
<ol>
<li>Numbered item</li>
</ol>
๐ธ Images
<img src="image.jpg" alt="Description" width="200">
๐ Links
<a href="https://example.com">Visit Example/a>
โถ๏ธ Video Embeds
<video controls width="300">
<source src="video.mp4" type="video/mp4">
</video>
โถ๏ธ Audio Embeds
<audio controls>
<source src="audio.mp3" type="audio/mp3">
</audio>
๐ง Iframes
<iframe src="https://example.com" width="300" height="200"></iframe>
๐งฉ Tables
<table border="1">
<tr>
<th>Name</th><th>Age</th>
</tr>
<tr>
<td>Alice</td><td>25</td>
</tr>
</table>
๐งฎ Forms and Input
html
Copy
Edit
<form>
<label>Email:</label>
<input type="email" required><br>
<label>Password:</label>
<input type="password" required><br>
<input type="submit" value="Submit">
</form>
๐งฑ Semantic Tags
<header>Site Header</header>
<nav>Navigation Menu</nav>
<main>Main Content Area</main>
<article>Blog Article</article>
<footer>Footer Info</footer>
Top comments (1)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.