Upload
john808
View
221
Download
0
Embed Size (px)
Citation preview
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$
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 2/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
Below is an HTML program applying the use of Blockquote.
%T&L 'ro(ra) 1
2
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 3/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
The following is the Program Output of the H!L Program " using the
<BLOCK!OT"# tag.
'ro(ra) Output 1
3
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 4/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
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
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 5/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
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
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 6/9
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
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 7/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
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
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 8/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
• 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'(
7/23/2019 blockquote, div, pre tags in html
http://slidepdf.com/reader/full/blockquote-div-pre-tags-in-html 9/9
Lesson 3 The <Blockquote>, <DIV>, and the <PRE> TagsUnit I
%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"
$