Embedded Files
Introduction
Introduction
"My journey into web development began with understanding the building blocks of the web: HTML."
HTML (HyperText Markup Language) is the backbone of every webpage. It defines the structure and layout of content on the web. Learning HTML was my first step in becoming a web developer, and it gave me the confidence to explore more complex technologies.
Key Topics Learned:
Key Topics Learned:
Basic Structure:
Understanding <!DOCTYPE>, <html>, <head>, <body>.
Creating semantic layouts with tags like <header>, <footer>, <section>, and <article>.
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Welcome</h1>
</body>
</html>
<header>Site Header</header>
<section>
<article>Article Content</article>
</section>
<footer>Site Footer</footer>
Text Formatting:
Using tags like <h1> to <h6>, <p>, <strong>, and <em> to format content.
<h1>Main Heading</h1>
<p>This is <strong>bold</strong> and <em>italic</em> text.</p>
Links and Media:
Adding hyperlinks with <a> and embedding images with <img>.
Embedding videos and audio with <video> and <audio>.
<a href="https://example.com">Visit Example</a>
<img src="image.jpg" alt="Example Image">
<video controls>
<source src="video.mp4" type="video/mp4">
</video>
Forms and Inputs:
Designing forms with <form>, <input>, <textarea>, <button>, and form attributes like required and placeholder.
<form action="/submit">
<input type="text" placeholder="Enter name" required>
<textarea placeholder="Message"></textarea>
<button type="submit">Submit</button>
</form>
Tables and Lists:
Structuring data with <table>, <thead>, <tbody>, and <tr>.
Creating ordered and unordered lists with <ol> and <ul>.
<table>
<thead>
<tr><th>Name</th><th>Age</th></tr>
</thead>
<tbody>
<tr><td>John</td><td>30</td></tr>
</tbody>
</table>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Page updated
Report abuse