Tutorial HTML

Data publicarii: Februarie 2006

HTML Feb 2006

Formatare text

In HTML trecerea la un rand nou se face doar prin introducerea etichetei <br> iar pentru paragraf nou cu eticheta <p>.

HTML	Afisare
Proba text.<br> Text pe un rand nou.<p> Text intr-un paragraf nou.	Proba text. Text pe un rand nou. Text intr-un paragraf nou.

<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 <span> si </span> delimiteaza un sir de caractere in vederea formatarii.

Etichetele <div> si </div> sunt similare etichetelor <span> si </span>, cu diferenta ca formateaza mai multe elemente si introduc un rand nou inainte si dupa sfarsitul zonei formatate.

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 continand cod de computer</code>	`text continand cod de computer`
<kbd>text continand cod de computer</kbd>	`text continand cod de computer`
<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