blockquote, div, pre tags in html

7/23/2019 blockquote, div, pre tags in html

http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 1/9

Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I

Internet Block quote blocked information

Browser Hypertext URL

The BLOCK QUOTE

The <BLOCKQUOTE> is used to set a pat o! "ou page an e#cept o

quotation !o$ an autho and $akes a cetain pat o! the docu$ent stand out

!o$ the est% Usuall" it indents the &locked in!o$ation !o$ &oth le!t and

ight% It also suppots the atti&ute 'ITE, sho(n in Ta&le ) (hich can &e set on

the *e& !o$ (hich the quotation (as pulled.

Table 3.1

Attribute Values Descriptio'ITE URL +pecies the URL o!

the quote, the onetaken !o$ the (e&

1

KE!"O#D$




Below is an HTML program applying the use of Blockquote.

%T&L 'ro(ra) 1

2




The following is the Program Output of the H!L Program " using the

<BLOCK!OT"# tag.

'ro(ra) Output 1

3




Ele)et o* Di+isio

The <D,V> ele$ent denotes the &eginning o! a di-ision on a paticula

docu$ent% It allo(s "ou to ha-e st"le o language in!o$ation to &locks o! content%

It has an atti&ute AL,- (hich is gi-en a -alue o! LE/T0 #,-%T0 and CETE#% The

-alue assigned to .LI/0 denotes the align$ent o! ele$ent%

Belo( is a ta&le containing the atti&ute align !o the <D,V> ta(.

Table

Attribute Values Descriptio.LI/0 Le!t1'ente1Right +pecies the di-ision

o! the content (ithespect to hoi2ontal

align$ent

Belo( is a sa$ple poga$ using the DIV co$$and o tag (ith its atti&ute%

%T&L 'ro(ra)

4




The !ollo(ing is the 'ro(ra) Output o! %T&L 'ro(ra) that used <D,V>ta( in the poga$%

$a)ple Output

5



Lesson 3 The <Blockquote>, <DIV>, and the <PRE> Tags

Unit I

're*or)atte2 Ele)et

The pe!o$atted <'#E> ta( helps "ou displa" the output ust like ho( "ou

spaced "ou te#t in 0otepad (hich is quite di4cult to do in 5T6L% Paagaph <'>

ta( o an" o! the highlighting tags should not &e used (ithin pe!o$atted te#t7ho(e-e h"pete#t links can &e included% The use o! <'#E> ta( is sho(n in %T&L

'ro(ra) 3%

%T&L 'ro(ra) 3

6




The !ollo(ing is the 'ro(ra) Output o! %T&L 'ro(ra) 3 that used <'#E>

ta( in the poga$%

Program Output #

In the 'ro(ra) Output 3, notice that spaces and etuns ae lost and the

paagaph is set de!ault to pitch !ont 8usuall" couie9%

7




• The <BL:';U:TE> is use to set a pat o! "ou page an e#cept o

quotation !o$ an autho and $akes a cetain pat o! the docu$ent stand

out !o$ the est%

• The <DIV> ele$ent denotes the &eginning o! a di-ision on a paticula

docu$ent% It allo(s autho to ha-e st"le o language in!o$ation to &locks

o! content% It has an atti&ute .LI/0 (hich is gi-en a -alue o! le!t, cente o

ight%

• The pe!o$atted <PRE> tag helps "ou displa" the output ust like ho( "ou

ha-e spaced "ou te#t in notepad (hich is quite di4cult to do in 5T6L%

8

$%&POI'(




%AD$O ACT,V,T!4

I) *reate a program t+at will display t+e following output,-%xcerpt from t+e Roman %mpire.)

Requirements for the sample output:

1st paragraph should use Div element, enter and si!e h2"

2 nd paragraph should use #re element, si!e h5"

3rd paragraph should use Div element, align to the right, h5"

$

blockquote, div, pre tags in html

Documents

Transcript of blockquote, div, pre tags in html