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="https://example.com">Click me</a>
- Images: <img src="image.jpg" 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="https://google.com">Visit Google</a>
</body>
</html>
How to Run It:
1. Open Notepad (Windows) or TextEdit (Mac).
2. Paste the code and save it as index.html.
3. Double-click the file to open it in your browser.
4. Congratulations ■ You have created your first web page!
