curs2_formatare_texte.ppt

8/17/2019 Curs2_formatare_texte.ppt

http://slidepdf.com/reader/full/curs2formataretexteppt 1/13

Formatarea textelor în HTML

Curs 2



2

O pagină web se caracterizează princuloare, imagini , text , şi asortareaacestora, astfel încât rezltatl să fie câtmai plăct oc!ili"

#entr a atinge acest obiecti$ existăetic!ete speciale %e formatare a textli,respecti$ a întregii pagini web"



&

Text italic' <i>…</i> Text ingrosat <strong>…</strong>

Text bol%at <b>…</b>b Text inclinat <em>…</em>

Text sbliniat <u>…</u> Text co% compter <code>…</code>

Text mai mare%ecat cel crent

<big>…</big> Text monospa(i <tt>…</tt>

Text mai mic %ecatcel crent

<small>…</small> Text alternati$ <blink>…</blink>

Text barat <strike>…</strike>

sau<del>…</del>

Text afişat laexponent

<sup>…</sup>

Text afişat la in%ice <sub>…</sub>

)tilri fizice %e text



*

)tilri logice %e text

#aragraf Titlri

+lementl pt" centrare+lemente %e citatLinii orizontale

+lemente %e grparelocri %e text preformatate+lemente %e frază



-

#aragraf .p/

#entr a separa n bloc %e text în paragrafese tilizează tag0l <p>..</p>"

1tribte'

align0 specifică tipl %e aliniere a textli înca%rl paragrafli, şi poate la $alorile'

0 rig!t

0 center

0 left

0 stif3



4

Titlri şi sbtitlri în HTML

Transformarea ni text în titl sa sbtitl se face folosin% na%intre perec!ile %e etic!ete'<h1>…</h1>

<h2>…</h2>

<h3>…</h3>

<h4>…</h4>

<h5>…</h5>

<h6>…</h6>

1ceste etic!ete a ca şi efect boldarea tetului şi setarea neidimensiuni in$ers propor(ionale c cifra care înso(eşte etic!eta" 1tribte'

align 5 aliniază titll în pagină şi poate la $alorile'0 left0 rig!t0 center

+x' <h1 align!"center#> Till %e %imensine maximă </h1>



6

<center>…</center>

7entrează în pagină textl, imaginea,

obiectl pe care îl cprin%e între etic!ete"<block$uote>…</block$uote>

8n%entează textl pe care îl cprin%e atât

în partea stângă cât şi în %reapta"

+lementrl pentr centrare+lemente %e citat



9

Linii orizontale

:esenarea nei linii orizontale intr0n fişierHTML se face folosin% etic!eta neperec!e<hr>

+a $a începe mere pe rân% no 1tribtele etic!etei .!r/'

align 5 $alorile posibile snt left, center, rig!t

wi%t! 5 lngimea liniei ;ex' <2= sa 2=>? )ize 5 grosimea liniei ;%oar $alori intregi poziti$e?

7olor 0 cloarea



@

+lemente %e grpare

<di%>…</di%> 0 grpează tot ceea cecprin%e într0n bloc" 7el mai frec$ent estefolosit pentr ataşarea nor stilri 7)) la ni$el

%e bloc"<span>…</span> 0 grpează con(intl lani$el %e linie" 7el mai potri$it folosit pentrataşarea stilrilor 7)) nei sec(ini %intr0n

rân% al paginii Aeb":iferen(a %intre cele %oă este că .%i$/ este

%e tip bloc, iar .span/ este %e tip inline"



<=

locri %e text preformatat

<pre>…</pre> 0 afişează pe linie noătextl preformatat, aşa cm apare el înco%l srsă %in Botepa%, însă (ine cont%e instrc(inile HTML

<mp>…</mp> 0 afişează pe linienoă textl preformatat, aşa cm apareel în co%l srsă %in Botepa%, %ar ninterpretează etic!etele HTML



<<

Tag0l FOBT

<&ont> … </&ont> 0 se foloseşte pentr astabili o anmită culoare, dimensiune şi nanmit tip de font , textli cprins între cele 2etic!ete"

'tribute(.font &aceCDfont<,font2E si)eCD$aloareE

color CDcloareE/.Gfont/ faceCcprin%e o înşirire %e tipri %e font sizeCse referă la %imensinea textli şi poate la

$alori %e la < la 6 colorCcloarea atribita textli



<2

+xempl

.!tml/.!ea%/.title/Formatarea textli folosin% FOBT.Gtitle/

.G!ea%/<bod* tet!+,hite+ bgcolor!+blue+>

<&ont si)e!5>+set )oftware</&ont>

<br>este companie pri$ata ce se ocpa c pro%ctia si %ez$oltarea %e soft c

birori in <&ont color!+*ello,+ &ace!+tahoma+>)an :iego 0 )1, Lon%ra 5 Mare ritanie, #raga 0 7e!ia si ratisla$a 0 )lo$acia</&ont>"Fon%ata in <&ont color!+red+><@@2</&ont>, +set a ps accent pe%ez$oltarea nei noi ere in sistemele anti0$irs, prin pro%sl BO:&2"<&ont si)e!4>BO:&2 s0a %ez$oltat pe parcrsl mai mltor ani, ca azi sa fiecatalogat ca nl %intre cele mai bne pro%se anti$irs":e fapt, BO:&2 a castigat cele mai mlte premii oferite %e Iirsletin.</&ont>

.Gbo%3/

.G!tml/



<&

Tag0l 1)+FOBT

#entr a alege o cloare şi %imensine a textli în -ntregul %ocment se foloseşte etic!eta <base&ont>

1tribte' 7olor Face

)ize +xempl'.!tml/.!ea%/.title/asefont.Gtitle/.G!ea%/.bo%3/

.basefont colorCDre%E sizeC-/Text formatat.Gbo%3/

.G!tml/

curs2_formatare_texte.ppt

Documents