Formatarea textului

HTML contine mai multe elemente, tag-uri si atribute, pentru afisarea textului in mai multe formate cu aspecte grafice diferite.

1. Tag-ul <font> ... </font>

Cu acest element, <font>, puteti modifica aspectul textului, cum sunt tipul fontului folosit, marimea si culoarea textului.

- Marimea textului poate fi modificata cu elementul font si atributul size. Atributul size poate lua valorile numerice de la 1 la 7 si pe langa acestea poate folosi, ca valoare relativa, semnele "+" sau "-". Textul normal (daca nu este specificat acest atribut) are valoarea 3.

Exemplu :

- Tipul fontului poate fi modificat cu elementul font si atributul face.

Exemplu :

- Culoarea textului poate fi modificata cu elementul font si atributul color.

Exemplu :

2. Bold, Italic, Underline si alte elemente

Elemente des folosite pentru formatul textului sunt:

• - Bold (ingrosat) <b> ... </b>
• - Italic (inclinat) <i> ... </i>
• - Underline (subliniat) <u> ... </u>

Exemple:

Alte elemente folosite pentru formatul textului sunt:

• - Performated <pre> </pre> - Textul incadrat de elementul pre este prezentat intr-un singur font, oricare ar fi atributul face. Spatiile mai lungi si liniile necesare sunt prezentate asa cum sunt scrise in NotePad, ne mai fiind nevoie de alte elemente aditionale, cum ar fi
  pentru o noua linie si     pentru mai mult spatiu intre cuvinte.
• - Accentuare (Emphasis) <em> </em> - Browser-ul de obicei arata acest element ca italic
• - Strong <strong> </strong> - Browser-ul de obicei arata acest element ca bold
• - Teletype <tt> </tt> - Ca si pre, browser-ul prezinta acesta intr-un singur tip de font, indiferent de fontul ales cu atributul face, in interiorul elementului font
• - Citatie <cite> </cite> - Reprezinta o citatie din document.

Mai jos puteti vedea câteva exemple de coduri si modul lor de afisare in browser.

3. Alinierea

Câteva elemente pot avea atributul (align) pentru aliniere, cum ar fi Titlurile <Hx> , Paragraful <p>...</p> si Linia orizontala <hr> . Cele trei valori ale atributului align sunt: left, right si center.

Aliniamentul celor mai multe elemente se face cu ajutorul altor elemente:

• - <div align="valoare"> ... </div> Poate contine cele mai multe elemente. Tot ce este pozitionat cu elementul div poate fi aliniat oriunde-n pagina, indiferent daca in acel loc se afla si alt ceva (Imagine, Text, ...).
• - <center> ... </center> Va centra elementele

Mai jos puteti vedea câteva exemple de coduri si modul lor de afisare in browser.

4. Alte etichete HTML pentru formatul textului

• - <strike> Text taiat </strike>
• - <big> Prezinta textul intr-un font mare </big>
• - <small> Prezinta textul intr-un font mic </small>
• - _{Afisaza textul in pozitia subscript}
• - ^{Aseaza textul in pozitia superscript}

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

- Urmatoarele elemente pentru format sunt folosite mai rar si sunt pentru documente cu aplicatii tehnice

• - <dfn> Defineste exemplu de termen inchis </dfn>
• - <code> Folosit pentru extragerea unui cod de program </code>
• - <samp> Folosit pentru simple productii de programe, scripturi , etc. </samp>
• - <kbd> Folosit pentru text care va fi scris de utilizator </kbd>
• - <var> Folosit pentru variabile sau argumente de comenzi </var>

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

- Alte elemente pentru formatul textului:

• - <q> ... </q> - Folosit pentru citate scurte.
• - <blockquote> ... </blockquote> - Folosit pentru incadrarea de citate mai lungi, creaza spatiu pentru text. Pentru a crea mai mult spatiu puteti adauga de mai multe ori acest element.
• - <address> ... </address> - Cu acest element se specifica informatii cum ar fi autorul documentului si detalii pentru contact.

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.