Site menu:

Formatare Text



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

Exemplu:
Text.
<br>Text pe un rand nou.

<p>Text intr-un paragraf nou.


Etichetele <div> şi </div> delimiteaza un bloc text în vederea formatarii.

Folosind etichete adecvate textul poate fi formatat.Se poate modifica fontul textului: mărimea, culoarea, forma (normal, bold, italic), familia (Arial, Verdana, etc.) iar pentru titluri se poate folosi tagul header de la 1 la 6 (1 cel mai mare iar 6 cel mai mic). Următorul tabel vă oferă în prima coloană etichetele de care aveţi nevoie pentru formatarea unui text iar în a doua coloană este afişat rezultatul textului după aplicarea etichetei.

Cod HTMLAfişare
text normaltext normal
<b>text bold</b>text bold
<i>text cursiv</i>text cursiv
<u>text subliniat</u>text subliniat
<strike>text tăiat</strike>text tăiat
<sup>exponent</sup>Aexponent
<sub>indice</sub>Aindice
<tt>caractere monospaţiate</tt>caractere monospaţiate
<cite>Citat</cite>Citat
<em>evidentiat</em>evidentiat
<strong>text îngroşat</strong>text îngroşat
<big>mare</big>mare
<small>mic</small>mic
<font color="red">font roşu</font>font roşu
<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 stânga</div>
text aliniat la stânga
<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

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

Exemplu de introducere text preformatat:

<pre>
    *    *  *****  **    **   *
    ******    *    * *  * *   *
    *    *    *    *  **  *   *
    *    *    *    *      *   ****
</pre>


Eticheta <hr> introduce o linie orizontală şi trece la un rând nou.

Exemplu de linie orizontală cu atributele: noshade="noshade" width="100%" size="6" color="red":



Eticheta <marquee> este un marcaj de efect ce determină "animarea" unui text sau imagini în pagina web.

Un exemplu simplu în care am folosit marquee:

<marquee behavior=slide direction=right bgcolor="#cccccc">Text mobil</marquee>

Verifică dacă ai reţinut conţinutul acestei pagini!