Tutorial complet HTML
In HTML trecerea la un rand nou se face doar prin introducerea etichetei <br> iar pentru paragraf nou cu eticheta
<p>.
<hr> introduce o linie linie orizontala si trecerea la un rand nou.
Folosind etichete adecvate textul poate fi formatat.
Spre exemplu fonturilor li se poate modifica: marimea, culoarea, forma (normal, bold, italic), familia (Arial, Verdana, etc.), textul poate fi aliniat pe orizontala sau verticala iar titlurile (header), de la 1 la 6, sunt diferite ca marime (1 cel mai mare iar 6 cel mai mic).
Etichetele <div> si </div> delimiteaza un bloc text in vederea formatarii. Unul din atributele blocului div este align care poate lua valorile:
center aliniere pe centru
left aliniere la stanga
right aliniere la dreapta
In situatia in care dorim ca textul introdus sa fie afisat exact asa cum a fost introdus (text preformatat) in fisierul sursa vom folosi pereche de etichete <pre> si </pre>.
Exemplu
| HTML | Afisare |
| text normal | text normal |
| <b>text bold</b> | text bold |
| <i>text cursiv</i> | text cursiv |
| <u>text subliniat</u> | text subliniat |
| <del>text taiat</del> | text taiat |
| <sup>exponent</sup> | exponent |
| <sub>indice</sub> | indice |
| <tt>caractere monospatiate</tt> | caractere monospatiate |
| <cite>Citat</cite> | Citat |
| <em>evidentiat</em> | evidentiat |
| <code>text scris la tastatura</code> | text continand cod de computer |
| <kbd>text scris la tastatura</kbd> | text scris la tastatura |
| <samp>mostra de cod de computer</samp> | mostra de cod de computer |
| <strong>text ingrosat</strong> | text ingrosat |
| <big>mare</big> | mare |
| <small>mic</small> | mic |
| <font color="red">font rosu</font> | font rosu |
| <font face="Courier">font Courier</font> | font Courier |
| <font size="6">font size=6</font> | font size=6 |
| <div align="center">text aliniat pe centru</div> | text aliniat pe centru |
| <div align="left">text aliniat la stanga</div> | text aliniat la stanga |
| <div align="right">text aliniat la dreapta</div> | text aliniat la dreapta |
| <h1>Titlu 1</h1> | Titlu 1 |
| <h2>Titlu 2</h2> | Titlu 2 |
| <h3>Titlu 3</h3> | Titlu 3 |
| <h4>Titlu 4</h4> | Titlu 4 |
| <h5>Titlu 5</h5> | Titlu 5 |
| <h6>Titlu 6</h6> | Titlu 6 |
Link-ul autorului:www.drogoreanu.ro/tutorials/html.php
