Formatare text

Formatare text

În HTML trecerea la un rând nou se face doar prin introducerea etichetei <br> (prescurtarea de la break row - rând rupt) iar pentru paragraf nou cu eticheta <p> (prescurtarea de la paragraph) .

Eticheta <hr> (prescurtarea de la horizontal rule - regula orizontală) introduce o linie orizontală şi trecerea la un rând nou.
Folosind etichete adecvate textul poate fi formatat.
Spre exemplu fonturilor li se poate modifica: mărimea, culoarea, forma (normal, bold, italic), familia (Arial, Verdana, etc.), textul poate fi aliniat pe orizontală sau verticală iar titlurile (header), de la 1 la 6, sunt diferite ca mărime (1 cel mai mare iar 6 cel mai mic).

Etichetele <div> şi </div> delimiteaza un bloc (un container generic) în vederea formatării. Unul din atributele blocului div este align care poate lua valorile:
center aliniere pe centru
left aliniere la stanga
right aliniere la dreapta
justify aliniere justificată la ambele capete ale paginii

În situaţia în care dorim ca textul introdus să fie afişat întocmai aşa cum a fost introdus (text preformatat) în fişierul sursă vom folosi perechea de etichete <pre> şi </pre> (prescurtarea de la preformatted text - text preformatat) .

Exemplu:
Codul HTML: Ce se afişează în browser:
text natural text normal
<b>text bold</b> text bold
<i>text cursiv (italic) </i> text cursiv (italic)
<u>text subliniat (underlined) </u> text subliniat (underlined)
<del>text taiat (deleted) </del> text taiat (deleted)
<sup>exponent (superscript) </sup> exponent (superscript)
<sub>indice (subscript) </sub> indice (subscript)
<tt>caractere monospatiate (teletype) </tt> caractere monospatiate (teletype)
<cite>Citat (cite) </cite> Citat (cite)
<em>evidentiat (emphasis) </em> evidentiat (emphasis)
<code>text scris la tastatura (computer code) </code> text continand cod de computer (computer code)
<kbd>text scris la tastatura (keyboard) </kbd> text scris la tastatura (keyboard)
<samp>mostra de cod de computer (sample) </samp> mostra de cod de computer (sample)
<strong>text ingrosat (strong) </strong> text ingrosat (strong)
<big>mare (big) </big> mare (big)
<small>mic (small) </small> mic (small)
<font color="red">font rosu (detalii) </font> font rosu
<font face="Courier">font Courier (detalii) </font> font Courier
<font size="6">font size=6 (detalii) </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 (detalii) </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