Scribd
Upload
76 views

Heading Paragraph Formatting Tags Computer 10

H1 is the highest level heading tag used to indicate main topics. There are six heading levels from H1-H6. Headings are used to organize content and indicate relative importance, with H1 being most important. Paragraphs using the <p> tag naturally follow headings and contain the main content and details. Special formatting tags like <b> and <i> can be used to emphasize text in bold, italics or other styles.

Uploaded by

Eunard Balbuena
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
76 views

Heading Paragraph Formatting Tags Computer 10

H1 is the highest level heading tag used to indicate main topics. There are six heading levels from H1-H6. Headings are used to organize content and indicate relative importance, with H1 being most important. Paragraphs using the <p> tag naturally follow headings and contain the main content and details. Special formatting tags like <b> and <i> can be used to emphasize text in bold, italics or other styles.

Uploaded by

Eunard Balbuena
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

HEADING, PARAGRAPH,

FORMATTING TAGS
OBJECTIVES
At the end of the lesson, Students are expected to:

a. identify heading;
b. list the hierarchy or level of importance when
using headings;
c. practice coding the six levels of headings and the
paragraph element in HTML;
HEADINGS PLAY BIG ROLE!
To show the users the topic on
the page
HEADINGS PLAY BIG ROLE!
There are six levels of headings
available.
H1-H6
What is the importance of
hierarchy of headings?
Level of importance of content
H1 – Main heading
H2-H6 - subheadings
WORKING WITH
PARAGRAPHS
What comes after heading?
Naturally follows that content comes after a topic heading.
HOW TO CREATE THE
CONTENT?
After making the heading, type the paragraph element

What tag are you going to use?


<p> </p>

Before the paragraph, type <p> then content


After the content, type </p>
LET’S DO IT
LET’S DO IT
SPECIAL FORMATTING TAGS
 HTML uses formatting tags to display, format, or change text, For example, text can be
displayed as bold or italic .

 Tags such as <b> </b> and <strong> </strong> display the same output

(text written in bold)


SPECIAL FORMATTING TAGS
Tags Description
<b></b> Emphasizes bold text
<em> </em> Emphasizes emphasized text
<i></i> Emphasizes a part of text in an alternate voice or
mood.
<small> </small> Emphasizes smaller text
<strong> </strong> Emphasizes important text
<sub> </sub> Emphasizes subscripted text
<sup> <sup> Emphasizes superscripted text
<ins> </ins> Emphasizes inserted text
<del> </del> Emphasizes deleted text
<mark> </mark> Emphasizes marked/ highlighted text
<bolckqoutes> Emphasizes a quoted text
</blockqoutes>
Identification
Answer the following questions. Write your answer on the
line before each number
__________1. Which tag is used to show the highest level
of importance for headings?
__________2. How many levels of headings are there?
Matching Type
Match each tag with its correct description by it with a line.
The first tag is already matched as an example.
A. States an important text
1. <b> B. States a marked/ highlighted text
2. <em>. C. States a part of text in an alternate voice
3. <i> or mood .
4. <small> D. States deleted text
5. <strong E. States emphasized text
> F. States superscripted text
6. <sub> G. States subscripted
7. <sup> H. States inserted text
8. <del> I. States smaller text
9. <mark> J. States bold text

You might also like