What is HTML?
HTML stands for HyperText Markup Language. It’s the standard language used to create webpages. With HTML, you can add text, images, links, buttons, and more to build the structure of a website.
Just like how a house needs bricks, a website needs HTML!
Why Learn HTML?
It’s the foundation of web development.
Easy to learn and beginner-friendly.
Needed for every website – from blogs to online stores.
Basic Structure of an HTML Page.
Here’s how a simple HTML page looks:
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Website!</h1>
<p>This is my very first webpage using HTML. </p>
</body>
</html>
Let’s break it down:
<!DOCTYPE html> → Tells the browser this is an HTML5 document.
<html> → The whole content is inside this tag.
<head> → Contains information like the title.
<body> → The visible part of your webpage.
Common HTML Tags You Should Know
<h1> to <h6> — Used for headings.
Example: <h1>This is a main heading</h1>
<p> — Defines a paragraph.
Example: <p>This is a paragraph.</p>
<a href="URL"> — Creates a hyperlink.
Example: <a href="https://www.google.com">Visit Google</a>
<img src="image.jpg" alt="description"> — Displays an image.
Example: <img src="myimage.jpg" alt="A beautiful image">
<ul> — Unordered (bulleted) list.
<ol> — Ordered (numbered) list.
<li> —
List item (used inside <ul> or <ol>).
Example:
<ul>
<li>Item One</li>
<li>Item Two</li>
</ul>
<br> — Line break (used to break lines inside paragraphs).
Example: Line one<br>Line two
<strong> — Makes text bold.
<em> — Makes text italic.
Example: <strong>Bold</strong> and <em>Italic</em>
<div> — A container to group elements together.
Example: <div>This is a section.</div>
<span> — Used for styling small parts of text inline.
Example: <span style="color:red;">Red text</span>
Try It Yourself!
Open a simple text editor (like Notepad), copy or type the example code above, and save the file as index.html. Then, open it in your browser to see your very first webpage!
Final Thoughts
Learning HTML is the first step into the world of web development. It’s fun, creative, and full of possibilities. Start small, and build your skills step by step.
> “Don’t worry about being perfect. Just start coding.”
Thanks for reading!
Leave a comment below if you have any questions or want more tutorials. See you in the next post!
#HappyCoding #SimpleCodingWorld #LearnHTML
Comments