HTML Home
Welcome to the complete HTML learning experience from M2O Tech Life
Getting Started with HTML
Monday Osaro Teaching Approach
"HTML is the foundation of web development. My approach focuses on practical, hands-on learning with real-world examples." - Monday Osaro, Senior Web Developer
HTML (HyperText Markup Language) is the standard markup language for creating web pages. It describes the structure of web pages using markup.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page.
<!-- Basic HTML Document Structure -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to M2O Tech Life</h1>
<p>Learning web development has never been easier!</p>
<p>Contact us: <a href="tel:+2348160552265">+234 816 055 2265</a></p>
</body>
</html>
Expected Outcome
When you run this code in a browser, you'll see:
Welcome to M2O Tech Life
Learning web development has never been easier!
Contact us: +234 816 055 2265
Pro Tip
Always start your HTML documents with <!DOCTYPE html> to ensure browser compatibility.
Student Success Story
Chinwe from Lagos started learning HTML with us 3 months ago. She now builds websites for small businesses and earns ā¦80,000 monthly. "The practical approach at M2O Tech Life made all the difference!"
HTML Development Tools
To get started with HTML development, you'll need:
| Tool | Purpose | Recommendation |
|---|---|---|
| Text Editor | Write HTML code | VS Code, Sublime Text, Atom |
| Web Browser | Test HTML pages | Chrome, Firefox, Edge |
| Local Server | Run HTML files locally | Live Server (VS Code extension) |
| Version Control | Track code changes | Git & GitHub |
HTML Introduction
Understanding what HTML is and why it's important
What is HTML?
Monday Osaro Teaching Approach
"Think of HTML as the skeleton of a website. Just like bones give structure to your body, HTML gives structure to web pages."
HTML stands for HyperText Markup Language. It's not a programming language, but a markup language used to structure content on the web.
Key Points
- HTML describes the structure of web pages
- HTML consists of a series of elements
- HTML elements tell the browser how to display content
- HTML elements are represented by tags
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!-- Heading Element -->
<h1>This is a Heading</h1>
<!-- Paragraph Element -->
<p>This is a paragraph.</p>
<!-- Link Element -->
<a href="https://m2otechlife.com.ng">
Visit M2O Tech Life
</a>
<!-- Image Element -->
<img src="logo.png" alt="M2O Logo">
</body>
</html>
Understanding the Structure
This HTML document has:
- <!DOCTYPE html>: Declares HTML5 document type
- <html>: Root element of the page
- <head>: Contains meta information
- <body>: Contains visible page content
- <h1>: Main heading (largest)
- <p>: Paragraph of text
- <a>: Hyperlink to another page
- <img>: Displays an image