Lectia nr.10--> Formatare text

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 utiliza pereche de etichete <pre> si </pre>.

HTML

text natural
<b>text bold</b>
<i>text cursiv</i>
<u>text subliniat</u>
<del>text taiat</del>
<sup>exponent</sup>
<sub>indice</sub>
<tt>caractere monospatiate</tt>
<cite>Citat</cite>
<em>evidentiat</em>
<code>text scris la tastatura</code>
<kbd>text scris la tastatura</kbd>
<samp>mostra de cod de computer</samp>
<strong>text ingrosat</strong>
<big>mare</big>
<small>mic</small>
<font color="red">font rosu</font>
<font face="Courier">font Courier</font>
<font size="6">font size=6</font>
<div align="center">text aliniat pe centru</div>
<div align="left">text aliniat la stanga</div>
<div align="right">text aliniat la dreapta</div>
<h1>Titlu 1</h1>
<h2>Titlu 2</h2>
<h3>Titlu 3</h3>
<h4>Titlu 4</h4>
<h5>Titlu 5</h5>
<h6>Titlu 6</h6>
[url=http://www.as.ro/ftpadmin/index.php?sessionID=355oopovpq1hfv8b10d6a3eb64&act=getfile&pwd=%2FHTML&mimetype=text%2Fhtml&file=3.html]Exemplu[/url]