Organizarea informatiei în pagina HTML
1. Scopul lucrarii
Nevoia de a sublinia prin format structura logica a unui document si de a
rupe monotonia unui text lung este justificata de utilizarea titlurilor, paragrafelor,
preformatarea textului precum si de inserarea unor caractere speciale
2. Titlurile
Titlurile dintr-un document HTML sunt marcate cu ajutorul etichetelor
container <H1>, <H2>, <H3>, <H4>, <H5>, <H6>.
Eticheta <H1> defineste titlul de dimensiune maxima, iar <H6> defineste
titlul de dimensiune minima.
EXEMPLUL I
Se folosesc toate cele sase tipuri de etichete pentru titluri
<HTML>
<HEAD>
<TITLE> Titluri </TITLE>
</HEAD>
<BODY>
<H1> Titlul de dimensiune maxima H1 </H1> text normal
<H2> Titlul H2 </H2> text normal
<H3> Titlul H3 </H3> text normal
<H4> Titlul H4 </H4> text normal
<H5> Titlul H5 </H5> text normal
<H6> Titlul de dimensiune minima H6 </H6> text normal
</BODY>
</HTML>
Indrumar laborator Anul I – text preliminar
116
Etichetele de titlu accepta atributul align cu valorile left, center si right
pentru alinierea titlului blocului de text la stânga (în mod prestabilit), în centru si la
dreapta.
EXEMPLUL I
Se folosesc toate modurile de aliniere al titlurilor
<HTML>
<HEAD>
<TITLE> Alinierea titlurilor </TITLE>
</HEAD>
<BODY>
<H1 align = center> Titluri </H1> <HR>
<H1 align = center> Titlul de dimensiune maxima H1 aliniate la centru </H1>
<H2 align = right> Titlul de marime 2 aliniat la dreapta </H2>
<H4> Titlul de marime H4 aliniat la stânga </H4>
</BODY>
</HTML>
3. Paragrafele
Trecerea la un
nou paragraph în cadrul
textului se realizeaza cu
ajutorul etichetei
container <P> … </P>.
Prezenta etichetei de
închidere </P> este
optionala si ea indica
browserului sa insereze
o linie libera si dupa blocul de text cuprins între cele doua etichete.
Indrumar laborator Anul I – text preliminar
117
Eticheta <P> pusa în documentul HTML fara eticheta de închidere </P>
comunica browserului sa insereze o linie libera în text si sa înceapa o noua linie.
Aceasta eticheta admite atributul align cu cele trei valori ale acestuia left, center
si right, care permite alinierea textului la stânga (este implicita), în centru si
ladreapta.
EXEMPLUL II
Se folosesc toate modurile de aliniere al titlurilor
<HTML>
<HEAD>
<TITLE> Paragrafele </TITLE>
</HEAD>
<BODY>
<H1 align = center> Paragrafele </H1> <HR>
<P> Acesta este un paragraph aliniat la stânga.
<P align = right > Acesta este un paragraph aliniat la dreapta
<P align = center> Acesta este un paragraph aliniat la centru
</BODY>
</HTML>
În exemplul de mai sus nu a fost folosita eticheta de închidere </P> a
paragrafelor, deoarece la întâlnirea unei noi etichete <P> vechiul paragraph se
considera închis.
EXEMPLUL III
Se aliniaza un nou paragraph în dreapta paginii, iar textul de pe rândul urmator
paragrafului introdus prin eticheta <BR> , este scris normal de la capatul din stânga
paginii.
<HTML>
<HEAD>
<TITLE> Paragrafe </TITLE>
</HEAD>
<BODY>
<H1 align = center> Paragrafe </H1> <HR>
Acest text este scris normal, începând de la marginea din stânga.
<P align = right > Acest text este aliniat la dreapta
Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.