Scribd
Upload
4 views

HTML Formatting

Uploaded by

esaguilar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views

HTML Formatting

Uploaded by

esaguilar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 23

HTML FORMATTING

COMPUTER ELECTIVE 7
HTML FORMATTING
•HTML contains several
elements for defining text
with a special meaning.
HTML FORMATTING
• Example
• This text is bold
• This text is italic
• This is subscript and superscript
HTML FORMATTING ELEMENTS
Formatting elements were designed to display special types of
text:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
HTML <B> AND <STRONG> ELEMENTS

•The HTML <b> element defines


bold text, without any extra
importance.
•Example
<b>This text is bold</b>
HTML <B> AND <STRONG> ELEMENTS

• The HTML <strong> element defines text with


strong importance. The content inside is
typically displayed in bold.
• Example
<strong>This text is important!</strong>
HTML <I> AND <EM>
ELEMENTS
•The HTML <i> element
defines a part of text in an
alternate voice or mood.
The content inside is
typically displayed in italic.
HTML <I> AND <EM>
ELEMENTS
•Example
<i>This text is italic</i>

Tip: The <i> tag is often used to indicate a


technical term, a phrase from another
language, a thought, a ship name, etc.
HTML <I> AND <EM>
ELEMENTS
•The HTML <em> element
defines emphasized text.
The content inside is
typically displayed in italic.
HTML <I> AND <EM>
ELEMENTS
•Example
<em>This text is
emphasized</em>
Tip: A screen reader will pronounce the
words in <em> with an emphasis, using
verbal stress.
HTML <SMALL> ELEMENT

• The HTML <small> element defines


smaller text:

• Example
<small>This is some smaller text.</small>
HTML <MARK> ELEMENT

• The HTML <mark> element defines text


that should be marked or highlighted:
• Example
<p>Do not forget to buy
<mark>milk</mark> today.</p>
HTML <DEL> ELEMENT
• The HTML <del> element defines text that
has been deleted from a document.
Browsers will usually strike a line through
deleted text:
• Example
<p>My favorite color is <del>blue</del>
red.</p>
HTML <INS> ELEMENT
• The HTML <ins> element defines a text
that has been inserted into a document.
Browsers will usually underline inserted
text:
• Example
<p>My favorite color is <del>blue</del>
<ins>red</ins>.</p>
HTML <SUB> ELEMENT
• The HTML <sub> element defines subscript text.
Subscript text appears half a character below the
normal line, and is sometimes rendered in a smaller
font. Subscript text can be used for chemical
formulas, like H2O:
• Example
<p>This is <sub>subscripted</sub>
text.</p>
HTML <SUP> ELEMENT
• The HTML <sup> element defines superscript text.
Superscript text appears half a character above the
normal line, and is sometimes rendered in a smaller
font. Superscript text can be used for footnotes, like
WWW[1]:

• Example
• <p>This is <sup>superscripted</sup> text.</p>
HTML <SUP> ELEMENT
• The HTML <sup> element defines superscript text.
Superscript text appears half a character above the
normal line, and is sometimes rendered in a smaller
font. Superscript text can be used for footnotes, like
WWW[1]:

• Example
• <p>This is <sup>superscripted</sup> text.</p>
EXERCISE NO. 5
1. Add extra importance
to the word
"degradation" in the
paragraph below.
EXERCISE NO. 5
2. Using of correct tags,
Emphasize the word
"metropolitan“.
EXERCISE NO. 5
3. Using of correct tags,
Highlight the word
"FUN“.
EXERCISE NO. 5
4. Using of correct tags,
Apply subscript
formatting to the
number "2“.
EXERCISE NO. 5
5. Using of correct tags,
Add a line through
(strikeout) the letters
"blue“.
EXERCISE NO. 5
6. Using of correct tags,
Mark the words “Thank
You“.

You might also like