This document provides an overview of basic HTML tags. It discusses four types of HTML tags: paired tags, unpaired tags, self-closing tags, and utility-based tags. It then explains some common basic HTML tags like heading tags, paragraph tags, comment tags, line break tags, and horizontal rule tags. Examples are provided for each. The document concludes by stating it covered basic HTML tags and the next class will cover formatting tags in more detail.

1. COMPUTER APPLICATIONS
CLASS X (Code 165)
TOPIC:
UNIT 2: Basic HTML Tags
By
HIMANSHU PATHAK

2. Contents
• Introduction
• Types of HTML Tags
– Paired Tags
– Un-paired Tags
– Self-closing Tags
– Utility-based Tags
• Basic HTML Tags

3. Introduction
• HTML tags are like keywords which defines that
how web browser will format and display the
content.
• All HTML tags must enclosed within < > these
angular brackets.
• HTML tags are used to create HTML documents.
• Every tag in HTML perform different tasks.
• When a web browser reads an HTML document,
browser reads it from top to bottom and left to
right.

4. Types of HTML Tags
• Paired Tags: An HTML tag is known as a paired tag
when the tag consists of an opening tag and a
closing tag as its companion tag.
– Example :
<p> This text is a paragraph . </p>
<b> This is a bold text </b>
• Unpaired Tags: An HTML tag is called an unpaired
tag when the tag only has an opening tag and does
not have a closing tag or a companion tag.
– Example:
<hr> Here, the <hr> is the unpaired tag used to create a
horizontal line.

5. Cont…
• Self-closing Tags: Self-Closing Tags are those
HTML tags that do not have a partner tag, where
the first tag is the only necessary tag that is valid
for the formatting.
• The main and important information is contained
WITHIN the element as its attribute.
• Example:
<img src="a.jpg" alt="This is an alternate text">

6. Cont…
• Formatting Tags: The HTML tags that help us in
the formatting of the texts like the size of the
text, font styles, making a text bold, etc.
• Tables, divisions, and span tags are also those
tags that help format a web page or document
and set the layout of the page.
• Example:
<u> Statements... </u>

7. Cont…
• Control Tags: These are the tags that are used in
managing content or managing scripts or
libraries that are external.
• All the form tags, drop-down lists, input text
boxes, etc., are used in interacting with the
visitor or the user.

8. HTML Basic Tags
• Heading Tags: It is used to define the heading of
html document.
– There are 6 different types of heading in HTML h1 to
h6.
– The <h1> defines most important heading
and <h6> defines least important.
– Example:
• <h1> Statements... </h>

9. Cont…
• Paragraph Tag: A paragraph in webpage is
defined by <p> tag.
– A paragraph is a block-level element used to
represent text on the browser.
– When the paragraph tag is closed it automatically
creates a new line.
– Example:
• <p>This is paragraph 1.</p>

10. Cont…
• Comment Tag: While writing code it is a good
practice to write a comment about what code is
all about. In HTML you can write comment
using <!-- ... -->.
– The comment is written between the double dash, it
can be in single line or multiline comment.
– Example:
• <!-- This is a single line comment -->
• <!-- This is
multiline comment -->

11. Cont…
• Line Break Tag: The <br> is used to create a
line break in the text.
– It can be used in writing addresses, song lyrics, or
at a place where a line break is needed.
– Example:
• <p>The br tag <br>
is used to <br>
create a line break. </p>

12. Cont…
• Horizontal Line: The <hr> is used to create a
break between paragraphs using a horizontal line.
– Using CSS you can modify and style as per your own
need.
– Example:
• <p>Scene 1:</p>
• <hr>
• <p>Scene 2:</p>

13. Today we learn
• Learned basic HTML Tags
• In the next class, we will start Unit II –
Formatting Tags in detail.
•Thanks