Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
40 views

05 Formatting HTML Text

This document discusses various HTML elements for formatting text, including elements for italic, bold, underline, size changes, highlighting, superscript, subscript, and tracking inserts and deletions. It provides examples of each element and the formatted output. The elements covered are <i>, <em>, <b>, <strong>, <u>, <big>, <small>, <mark>, <sub>, <sup>, <ins>, and <del>.

Uploaded by

Pedro Pamplona
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
40 views

05 Formatting HTML Text

This document discusses various HTML elements for formatting text, including elements for italic, bold, underline, size changes, highlighting, superscript, subscript, and tracking inserts and deletions. It provides examples of each element and the formatted output. The elements covered are <i>, <em>, <b>, <strong>, <u>, <big>, <small>, <mark>, <sub>, <sup>, <ins>, and <del>.

Uploaded by

Pedro Pamplona
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

FORMATTING HTML TEXT

PROF. DAVID ROSSITER

1/17

AFTER THIS PRESENTATION


You'll be able to apply many types of text formatting

2/17

ELEMENTS WE WILL LOOK AT


Italic and Bold

<i> <em> <b> <strong>

Underline

<u>

Big and Small

<big> <small>

Highlighted

<mark>

Subscript & Superscript

<sub> <sup>

Inserted & Deleted

<ins> <del>
3/17

ITALIC TEXT
<i> makes the text italic; <em> does the same thing.
The difference is that <em> emphasises importance
<p>Hesaid<i>Iamjustgoingoutsideandmaybesometime</i>.</p>
<p>Ifyoudon'thaveavaccination<em>youmaycatchmalariaanddie</em>.</p>

4/17

HesaidIamjustgoingoutsideandmaybesome
time.
Ifyoudon'thaveavaccinationyoumaycatch
malariaanddie.

5/17

BOLD TEXT
<b> makes the text bold; <strong> does the same thing.
The difference is that <strong> emphasises importance.
<p>Shesaid<b>Ifyouwantsomethingsaid,askaman
ifyouwantsomethingdone,askawoman</b>.</p>
<p>Ifyoucan'trepayyourmortgage<strong>youmayloseyourhome</strong>.</p>

6/17

ShesaidIfyouwantsomethingsaid,aska
manifyouwantsomethingdone,aska
woman.
Ifyoucan'trepayyourmortgageyoumaylose
yourhome.

7/17

UNDERLINE
Try not to use underline - confusing/multiple meanings
<p>Theviewer<u>maybeconfused</u>ifyouuseunderline.</p>
<p>Hernameis<u>Cheng</u>SinYing.</p>

8/17

Theviewermaybeconfusedifyouuse
underline.
HernameisChengSinYing.

9/17

BIG AND SMALL TEXT


<big> and <small> do exactly what you expect.
However, <big> is not part of the latest HTML standard.
<p>It'sdangeroustouse<big>big</big>becauseitisn'tpartofHTML5!</p>
<p>I'membarrassedtosayitloudlysohereitis:<small>Iloveyou!</small></p>

10/17

It'sdangeroustousebigbecauseitisn'tpartof
HTML5!
I'membarrassedtosayitloudlysohereitis:I
loveyou!

11/17

HIGHLIGHTING TEXT
<mark> highlights the text
<p>Sendusyourbankdetailsandyoumaybecomea<mark>millionaire</mark>!</p>

12/17

Sendusyourbankdetailsandyoumaybecome
amillionaire!

13/17

SUBSCRIPT AND SUPERSCRIPT


<sub> and <sup> are used for offsetting
<p>
Ifx<sub>1</sub>=2andx<sub>2</sub>=4then
x<sub>1</sub><sup>2</sup>+x<sub>2</sub><sup>3</sup>equals68
</p>
<p>
SomevideostreamingmayuseXML<sup>1</sup>
</p>
<p>
<sup>1</sup>G.Lam&D.Rossiter,'AWebServiceFramework
SupportingMultimediaStreaming',IEEETransactionsonServicesComputing,2013
</p>

14/17

Ifx1=2andx2=4thenx12+x23equals68
SomevideostreamingmayuseXML1
1G.Lam&D.Rossiter,'AWebService

FrameworkSupportingMultimediaStreaming',
IEEETransactionsonServicesComputing,
2013

15/17

INSERTED AND DELETED TEXT


<ins> and <del> are used for showing edits
<p>Let'sdothisedit:Prof.Rossiteris<ins>truly</ins>themostintelligent.</p>

<p>Alsothis:Prof.Rossiterhasan<del>astonishingly</del>oldcar.</p>

16/17

Let'sdothisedit:Prof.Rossiteristrulythemost
intelligent.
Alsothis:Prof.Rossiterhasanastonishinglyold
car.

17/17

You might also like