🌐 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:
- <!DOCTYPE
html> → Defines HTML5 document
- <html>
→ Root of the webpage
- <head>
→ Contains title and meta info
- <body>
→ 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 → <p>
- Content
→ Hello
- Closing
tag → </p>
👉 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!
Comments
Post a Comment