🏠 Introduction to HTML
Understand the basics of HyperText Markup Language
📚 What is HTML?
📌 Definition
HTML (HyperText Markup Language) is the standard language for creating web pages. It describes the structure of a webpage using a series of elements.
Think of HTML as the skeleton of a website. Just as a human body has a skeleton to give it structure, a webpage has HTML to define its layout and content.
📚 Versions of HTML
📌 HTML Through the Years
HTML has evolved through several versions, each adding new features and improvements. Key milestones include:
- HTML 2.0: The first standardized version of HTML.
- HTML 3.2: Included support for tables, text flow around images, and more form controls.
- HTML 4.01: A widely used version that introduced frames and scripting support.
- XHTML 1.0: A stricter, XML-based version of HTML.
- HTML5: The current standard, offering enhanced multimedia support, new semantic elements, and improved APIs.
HTML5 is the recommended version for modern web development, providing the most comprehensive set of features and best support across different browsers and devices.
💻 Basic Document Structure
Every HTML page follows a specific structure:
📝 Example Code
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
▶️ Output:
This is a Heading
This is a paragraph.
🔍 Understanding the Structure
Here is a breakdown of the essential tags used in the example above:
<!DOCTYPE html>: Tells the browser that this is an HTML5 document.<html>: The root element that wraps all content on the page.<head>: Contains meta-information like the page title and links to CSS/JS files. It is not visible on the page itself.<title>: Sets the title shown in the browser tab.<body>: Contains all the visible content like text, images, and links.
✍️ Practice Assignments
🎯 Assignment 1: Your First File
EasyCreate a file named index.html on your computer and add the
basic HTML structure.
🎯 Assignment 2: Add Content
MediumAdd a heading (<h1>) and a paragraph (<p>) about yourself
inside the <body> tag.
🎓 Key Takeaways
- HTML stands for HyperText Markup Language.
- It is the standard markup language for Web pages.
- HTML elements are the building blocks of HTML pages.