Welcome to HTML Tutorial Part 1
Your Journey to Web Development Starts Here!
What is HTML?
HTML stands for HyperText Markup Language. It's the foundation of every website you visit on the internet!
Think of HTML as the skeleton of a webpage - it provides the structure and content that browsers understand and display.
Why Learn HTML?
- It's the starting point for web development
- Easy to learn for beginners
- Essential for creating websites
- Works seamlessly with CSS and JavaScript
- Opens doors to many career opportunities
Your First HTML Code
Let's write your very first HTML code! Here's a simple example:
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first HTML page.</p>
</body>
</html>
Understanding the Code
<!DOCTYPE html> - Tells the browser this is an HTML5 document
<html> - The root element that contains all HTML content
<head> - Contains metadata and information about the page
<title> - Sets the title shown in the browser tab
<body> - Contains all visible content on the page
<h1> - A main heading (largest heading)
<p> - A paragraph of text
How It Looks in Browser
Hello, World!
This is my first HTML page.
Practice Exercise
Try This: Open a text editor (like Notepad) and type the HTML code above. Save it as index.html and open it in your web browser!
Key Takeaways
- HTML is the language for creating web pages
- HTML uses tags to structure content
- Most tags have opening and closing pairs
- The <head> contains metadata, <body> contains visible content
- You can create your first webpage with just a few lines of code
Congratulations!
You've completed Part 1 of the HTML Tutorial!
Next up: HTML Document Structure and Basic Tags
0 Comments