Introduction to HTML
1. What is HTML?
HTML stands for HyperText Markup Language. It is a markup language used to structure and
display content on the web, such as headings, paragraphs, images, and links.
2. How HTML Works
A web page is built with HTML elements, written inside tags. Tags usually come in pairs:
Opening tag: <p>
Closing tag: </p>
Example:
<p>Hello, Henry! This is my first paragraph.</p>
3. The Basic Structure of an HTML Page
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first introduction to HTML coding.</p>
</body>
</html>
4. Common HTML Tags
- Headings: <h1> to <h6>
- Paragraphs: <p>
- Links: <a href="[Link] me</a>
- Images: <img src="[Link]" alt="Description">
- Lists:
Ordered → <ol><li>One</li><li>Two</li></ol>
Unordered → <ul><li>Apple</li><li>Banana</li></ul>
5. Hands-on Example
<!DOCTYPE html>
<html>
<head>
<title>Henry's Page</title>
</head>
<body>
<h1>Hello, I am Henry!</h1>
<p>I am learning HTML coding today.</p>
<a href="[Link] Google</a>
</body>
</html>
How to Run It:
1. Open Notepad (Windows) or TextEdit (Mac).
2. Paste the code and save it as [Link].
3. Double-click the file to open it in your browser.
4. Congratulations ■ You have created your first web page!
