4.

Blocuri de text
Aceste etichete nu se refera la particularitatiile caracterelor ce compun textul, ci la functiile pe
care le poate avea un bloc de text in cadrul paginii Web.
Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu
suplimentar.
Inserarea unei adrese
Daca intr-o pagina web trebuie inclusa o adresa ,atunci putem utiliza facilitatile oferite de o
eticheta dedicata: <address>...</address>.
html!
head!
title! Adresa"title!
"head!
bod#!
Adresa institutiei noastre este :address! $olegiul %niversitarbr!
&tr: 'ictor (abes , )r:*+"A br!
(aia ,are -omania "address!
"bod#!
"html!
vezi acest exemplu
Indentarea unui bloc
.entru ca un bloc de text sa fie indentat / marginea din stanga a textului sa fie deplasata la
dreapta la o anumita distanta fata de marginea paginii 0, acesta trebuie inclus intre etichetele
<blockquote>...</blockquote>.
html!
head!
title! 1ndentarea unui bloc"title!
"head!
bod#!
Textul ce urmeaza este indentat:bloc23uote! Aceste etichete nu se refera la particularitatiile
caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii
Web. Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu
suplimentar. "bloc23uote!
"bod#!
"html!
vezi acest exemplu
Blocul preformatat
1ntr-un bloc <pre>...</pre>, semnificatia marca4elor 5T,6 se pastreaza.
(locul <pre>...</pre> este indicat pentru a insera randuri vide / spatiu intre randurile succesive 0.
$aracterul 7 spatiu 7 poate fi luat in considerare de browser daca este inserat explicit prin 8nbsp9.
html!
head!
title! (loc preformatat"title!
"head!
bod#!
:rar:pre!
:ra";iua 6uni ,arti ,iercuri
<:== -omana ,atematica &port
>:== ?eografie 1storie @izica "pre!
"bod#!
"html!
vezi acest exemplu
1ntr-un fisier 5T,6, caracterele 7<7 si 7>7 au o semnificatie speciala pentru browser. Ale
incadreaza comenzile si atributele de afisare a elementelor intr-o pagina. Daca dorim ca un
fragment de text sa contina astfel de caractere, acest fragment trebuie incadrat de una dintre
perechile de etichete:
<xmp>...</xmp> / <= de caractere pe rand 09
<listing>...</listing> / B+= de caractere pe rand 0.
Aceste marca4e interpreteaza corect caracterele 7 spatiu 7, 7 eticheta 7 si 7$-"6@ 7. Textul afisat in
pagina este monospatiat.
html!
head!
title! xmp si listing"title!
"head!
bod#!
%n fisier html standard arata astfel: xmp! html!
head!
title! "title!
"head!
bod#!
: pagina Web ...
"bod#!
"html! "xmp! "bod#!
"html!
vezi acest exemplu
Blocuri paragraf
$u a4utorul etichetei paragraf <p> este posibil trecerea la o linie noua si permite:
inserarea unui spatiu suplimentar inainte de blocul paragraf9
inserarea unui spatiu suplimentar dupa blocul paragraf, daca se foloseste delimitatorul
</p> /acesta fiind optional09
alinierea textului cu a4utorul atributului align, avand valorile posibile 7 left 7, 7 center 7 sau 7
right 7.
html!
head!
title! (locuri paragraf"title!
"head!
bod#!
.rima linie
p! 6ini generata de un paragraf /implicit paragraful este aliniat la stanga0.
p alignC7right7! .aragraf aliniat la dreapta..aragraf aliniat la dreapta..aragraf aliniat la
dreapta..aragraf aliniat la dreapta. .aragraf aliniat la dreapta..aragraf aliniat la dreapta..aragraf
aliniat la dreapta.
p alignC7center7! .aragraf aliniat in centru..aragraf aliniat in centru..aragraf aliniat in
centru..aragraf aliniat in centru. .aragraf aliniat in centru..aragraf aliniat in centru..aragraf
aliniat in centru.
"bod#!
"html!
vezi acest exemplu
Blocuri de titlu
1ntr-un text titlurile / headers 0 de capitole pot fi introduse cu a4utorul etichetelor <h1>, <h>,
<h!>, <h4>, <h">, <h#>.
Toate aceste etichete se refera la un bloc de text si trebuie insotite de o eticheta de incheiere
similara.
Aceste etichete accepta atributul align pentru alinierea titlului blocului de text la stanga /in mod
prestabilit 0 , in centru si la dreapta. Tag-ul <h1> permite scrierea unui titlu cu caractere mai mari
si aldine, pe cand <h#> foloseste caracterele cele mai mici.
html!
head!
title! (locuri de titlu"title!
"head!
bod#!
hB alignC7center7! Titlu de marime B aliniat in centru "hB!
h+ alignC7right7! Titlu de marime + aliniat la dreapta. "h+!
hD! Titlu de marime D aliniat la stanga /implicit0 "hD!
"bod#!
"html!
vezi acest exemplu
$inii ori%ontale
1ntr-o pagina Web pot fi inserate linii orizontale.acest lucru se face cu a4utorul etichetei <hr>.
.entru a configura o linie orizontala se utilizeaza urmatorele atribute ale etichetei <hr>:
align permite alinierea liniei orizontala. 'alorile posibile sunt 7 left 7 ,7 center 7 si 7 right 79
width permite alegerea lungimii liniei9
size permite alegerea grosimii liniei9
noshade cand este prezent defineste o linie fara umbra9
color permite definirea culorii liniei.
html!
head!
title! 6inii orizontale"title!
"head!
bod#!
hB alignC7center7! Tipuri de linii orizontale "hB! : linie implicita alinierea stanga, latime B==E,
grosime + cu umbra.
hr!
%rmeaza o linie aliniata in centru , de latime F=E, grosime F pixeli , fara umbra.
hr alignC7center7 widthC7F=E7 sizeC7F7 noshade! %rmeaza o linie aliniata la dreapta , de latime BF=
de pixeli, grosime B+ pixeli , de culoare rosie.
hr alignC7right7 widthCBF= sizeCB+ colorC7red7!
"bod#!
"html!
vezi acest exemplu
Blocuri <center>
(locul introdus de etichetele <center>...</center> aliniaza centrat toate elementele pe care le
contine.
html!
head!
title! 6inii orizontale"title!
"head!
bod#!
center! hr widthCB=E! hr widthCD=E! hr widthCG=E! hr widthCB==E! hr widthCG=E! hr
widthCD=E! hr widthCB=E! "center!
"bod#!
"html!
vezi acest exemplu
Blocuri <nobr>
(locul de text cuprins intre etichetele <nobr>...</nobr> va fi afisat pe o singura linie.
html!
head!
title! (locul nobr!"title!
"head!
bod#!
nobr! : singura linie.: singura linie.: singura linie.: singura linie.: singura linie. : singura
linie.: singura linie.: singura linie.: singura linie.: singura linie. : singura linie.: singura linie.:
singura linie.: singura linie.: singura linie.
"nobr!
"bod#!
"html!
vezi acest exemplu
Blocuri <di&>
,odalitatea cea mai eficienta de delimitare si de formatare a unui bloc de text este folosirea
delimitatorilor <di&>...</di&>. %n parametru foarte foarte util pentru stabilirea caracteristicilor unui
bloc <di&> / diviziune 0 este align / aliniere 0.
'alorile posibile ale acestui parametru sunt:
7 left 7 / aliniere la stanga 09
7 center 7 / aliniere centrala 09
7 right 7 / aliniere la dreapta 0.
%n bloc <di&>...</di&> poate include alte subblocuri. 1n acest caz , alinierea precizata de atributul
align al blocului are efect asupra tuturor subblocurilor incluse in blocul <di&>9
%n bloc <di&>...</di&> admite atributul 7 nowrap 7 care interzice intreruperea randurilor de catre
browser.
html!
head!
title! (locul div!"title!
"head!
bod#!
Aceasta linie este o linie normala.%rmatorul bloc este aliniat la dreapta.
div alignC7right7!
: singura linie.: singura linie.: singura linie.: singura linie.br!
: singura linie.: singura linie.: singura linie.: singura linie.br!
: singura linie.: singura linie.: singura linie.: singura linie.br!
"div!
div alignC7center7!
(loc aliniat pe centru.(loc aliniat pe centru.br!
(loc aliniat pe centru.(loc aliniat pe centru.br!
(loc aliniat pe centru.(loc aliniat pe centru.br!
"div!
"bod#!
"html!