🌐 HTML for Beginners: A Simple Guide to the Web’s Foundation
🌐 HTML for Beginners: A Simple Guide to the Web’s Foundation
If you're starting your journey in web development, learning HTML is the first and most important step. HTML is the backbone of every website you see on the internet.
📘 What is HTML?
HTML (Hyper Text Markup Language) is a standard language used to create and structure web pages.
It tells the browser how to display content like text, images, links, and more.
👉 Think of HTML as the skeleton of a website.
🧱 Basic Structure of an HTML Document
Every HTML page follows a simple structure:
<!DOCTYPE html> <html> <head> <title>My First Web Page</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is my first HTML page.</p> </body> </html>
🔍 Explanation:
→ Defines HTML5 document
→ Root of the webpage
→ Contains title and meta info
→ Visible content
🏷️ Common HTML Tags for Beginners
Here are some basic tags you should know:
Tag
Description
<h1> to <h6>
Headings
<p>
Paragraph
<a>
Link
<img>
Image
<ul> / <ol>
Lists
<li>
List item
<br>
Line break
🔗 Example with More Tags
<h1>My Blog</h1> <p>This is a paragraph.</p> <a href="https://www.google.com">Visit Google</a> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul>
💡 What is an HTML Element?
An HTML element usually has:
Opening tag →
Content → Hello
Closing tag →
👉 Example:
<p>Hello World</p>
⚙️ What are Attributes?
Attributes provide extra information about elements.
👉 Example:
<a href="https://example.com">Click Here</a>
href is an attribute that defines the link destination.
🖥️ How to Run HTML Code?
Open Notepad or any code editor
Write your HTML code
Save the file with .html extension (e.g., index.html)
Open it in any browser like Google Chrome, Microsoft Edge, or Mozilla Firefox
🚀 Why Learn HTML?
Easy to learn for beginners
Essential for web development
Works with CSS & JavaScript
High demand skill in tech careers
📌 Final Thoughts:
Learning HTML is your first step into the world of web development. Once you understand the basics, you can move on to CSS for design and JavaScript for interactivity.
👉 Start small, practice daily, and build simple web pages — that’s the best way to learn!
