HTML pages are created using tags.
A tag is a keyword inside angle brackets like this:
<tagename>
Most tags come in pairs:
<opening tag> content </closing tag>
An HTML element includes:
<p>This is a paragraph.</p>
Here:
Together = HTML element
✔ 1. Paired Tags
These tags need a closing tag.
Examples:
<h1>Heading</h1>
<p>Paragraph</p>
✔ 2. Self-Closing (Empty) Tags
These do not contain content and do not need a closing tag.
Examples:
<br> <!– Line Break –>
<hr> <!– Horizontal Line –>
<img src-“image.jpg”>
Note: In HTML5, self-closing slash / is optional.
|
TAG
|
Meaning
|
Example
|
|---|---|---|
|
<h1> to <h6>
|
Heading
|
<h1> Main Title </h1>
|
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>HTML Tags Example!</h1>
<p>This is a paragraph.</p>
<p>This text is <strong>bold</strong> and this is <em>italic.</em></p>
<a href="https://example.com">Visit Example</a>
<br><br>
<img src="image.jpg" alt="Sample Image">
<hr>
</body>
</html>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.