HTML organizarea textului
1. Elementul de bloc <p></p>
Creeaz un paragraf; comunic browserului s insereze o linie liber n text i s nceap o nou linie. Atributul align
specific alinierea textului i poate fi: left, right, center, justify. Implicit textul este aliniat la stnga.
Exerciiul 1. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Paragrafe</TITLE>
</HEAD>
<BODY>
<P align="center">Paragrafe</P>
<P> Acesta este un paragraf aliniat la stanga. </P>
<P align="right"> Acesta este un paragraf aliniat la dreapta. </P>
<P align="center"> Acesta este un paragraf aliniat la centru. </P>
</BODY>
</HTML>
2. Elementele heading <h1></h1> <h2></h2> <h3></h3> .. <h6></h6>
Eticheta <H1> definete titlul de dimensiunea maxim, iar <H6> pe cel de dimensiune minim. Etichetele de titlu accept
atributul align cu valorile left, center i right pentru alinierea titlului blocului de text la stnga (n mod prestabilit), n centru
i respectiv la dreapta.
Exerciiul 2. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Titluri de diferite mrimi</TITLE>
</HEAD>
<BODY>
<H1 align="center">Titlu H1</H1>
<H2>Titlu H2</H2>
<H3>Titlu H3</H3>
<H4 align="center">Titlu H4</H4>
<H5>Titlu H5</H5>
<H6>Titlu H6</H6>
</BODY>
</HTML>
3. Linii orizontale <hr>
Pot fi inserate n pagin linii orizontale care au rolul de a delimita diferitele zone ale paginii sau de a mbunti aspectul ei
estetic. Pentru a configura o linie orizontal se utilizeaz urmtoarele atribute ale etichetei <HR>:
align - permite alinierea liniei orizontale. Valorile posibile sunt left, center i right
width - specific lungimea liniei - lungimea poate fi stabilit n pixeli sau n procente din limea ecranului.
size - specific grosimea liniei, exprimat n pixeli
color - permite definirea culorii liniei
Exerciiul 3. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Linii orizontale</TITLE>
</HEAD>
<BODY>
<H1 align="center"> Linii orizontale </H1>
Linie aliniata la stanga, lungime 100%, grosime 2 <HR>
Linie aliniata in centru , lungime 50%, grosime 5 pixeli.
<HR align="center" width="50%" size="5" color="black">
Linie aliniata la dreapta , lungime 150 de pixeli, grosime 12 pixeli , de culoare rosie.
<HR align="right" width=150 size=12 color="red">
</BODY>
</HTML>
4. Inserarea unei adrese potale <address> .</address>.
Eticheta <ADDRESS> este o etichet logic i are drept efect, n cele mai multe browsere, afiarea textului cu caractere
italice.
Exerciiul 4. Scriei urmtorul cod ntr-un document Notepad i vizualizai n browser.
<HTML>
<HEAD>
<TITLE>Inserarea unei adresa</TITLE>
</HEAD>
<BODY>
<H1 align="center"> Adresa </H1>
<HR>
Adresa firmei noastre este
<ADDRESS>
GoldenWeb Consult <BR>
Str. Paradisului, Nr. 1<BR>
Bucuresti
</ADDRESS>
</BODY>
</HTML>
Exerciiul 5.
1. Creai o pagin Web n care s introducei urmtorul text:
Plumb
______________________________
Dormeau adnc sicriele de plumb,
i flori de plumb i funerar vestmnt -Stam singur n cavou... si era vnt...
i scriiau coroanele de plumb.
Dormea ntors amorul meu de plumb
Pe flori de plumb, i-am nceput s-l strig Stam singur lng mort... si era frig...
i-i atrnau aripile de plumb.
2. Efectuai urmtoarele modificri:
a) fontul textului s fie Arial
b) adugai documentului titlul George Bacovia
c) aplicai stilul ngroat pentru fiecare cuvnt plumb i stilul nclinat pentru cuvntul flori
d) setai grosimea liniei la 12 pixeli i culoarea roie
e) formatai titlul poeziei astfel nct s reprezinte un titlu de nivel 3 (H3)
f) aliniai centrat paragraful care conine titlul poeziei
3. Trimitei documentul html la adresa florinaciurescu@gmail.com.
