Cuprins

Titluri, Paragrafe, Un nou rand, Linie orizontala

1. Titluri <Hx> ... </Hx>

- Pentru titluri din continutul documentului HTML este indicat folosirea etichetelor <Hx>, (headings) unde 'x' este un numar intre 1 si 6.

- In cadrul elementului body, elementele Headings sunt folosite ca titluri sau pentru o mai buna impartire a continutului paginii.

- Marimea textului înconjurat de elementul Heading variaza de la foarte mare, in <h1> pana la foarte mic in <h6>.

Mai jos puteti vedea exemplu:


<html>
<head>
 <title>Titlul documentului</title/>
</head>
<body>
 <h1>Heading 1</h1>
 <h2>Heading 2</h2>
 <h3>Heading 3</h3>
 <h4>Heading 4</h4>
 <h5>Heading 5</h5>
 <h6>Heading 6</h6>
</body>
</html>
Browser:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

2. Paragraf <p> ... </p>

- Paragrafele permit sa adaugi text in document astfel incat lungimea de afisare a textului va fi ajustata de marimea deschiderii browser-ului si fiecare paragraf va incepe un nou rând.

- Distanta dintre doua paragrafe succesive este mare deoarece browser-ul le afiseaza cu un rând gol intre ele.

Mai jos puteti vedea exemplu:


<html>
<head>
 <title>Titlul documentului</title>
</head>
<body>
 <p>Paragraf 1</p>
 <p>Paragraf 2</p>
 <p>Paragraf 3</p>
 <p>Paragraf 4</p>
</body>
</html>
Browser:

Paragraf 1

Paragraf 2

Paragraf 3

Paragraf 4

3. Un nou rand <br>

- Tag-ul <br> permite sa decizi unde textul va incepe un nou rând, astfel se forteaza începerea unui nou rând.

- <br> este un Element Gol dar poate sa contin atribut. <br> nu are si nu cere element de închidere, nu se foloseste </br>

Mai jos puteti vedea exemplu:


<html>
<head>
 <title>Titlu documentului</title>
</head>
<body>
 <h1>Heading 1</h1>
 <p>Paragraf 1<br>Linie 2<br>Linie 3<br>... </p>
 <p>Paragraf 2</p>
</body>
</html>
Browser:
Heading 1

Paragraf 1
Linie 2
Linie 3
...

Paragraf 2

- Elementul <br> foloseste un singur atribut - clear care poate avea valoarea left, right sau all, si sunt folosite daca este o imagine pe pagina. Atributul clear forteaza o linie in jos. Daca o imagine este asezata in partea stanga a paginii, valoarea left va muta cursorul jos la prima linie din marginea stanga.

4. Linie orizontala <hr>

- Acest element afiseaza o linie orizontala in document

- Acest element nu foloseste element de închidere </hr>

- Elementul <hr> foloseste urmatoarele atribute:

  • - size = latimea liniei, in pixeli (standard este 2)
  • - width = lungii liniei, in pixeli sau procente din lungimea afisarii paginii (standard 100%)
  • - noshade = afiseaza linia fara a avea un aspect 3D
  • - align = aliniaza linia (left, center, right), adica Stanga, Centru sau Dreapta paginii ( Standard centru)
  • - color = seteaza culoarea liniei

Mai jos puteti vedea exemplu:


<html>
<head>
 <title>Titlul documentului</title>
</head>
<body>
 <h1>Heading 1</h1>
 <p>Paragraf 1<br>Linie 2<br>Linie 3<br>... </p>
 <hr>
 <hr color="#f00" size="4" width="50%">
 <p>Paragraf 2</p>
</body>
</html>
Browser:
Heading 1

Paragraf 1
Linie 2
Linie 3
...

Paragraf 2