Conectare

Formatarea textului in HTML

In aceasta lectie ne vom „juca” cu textele din cadrul paginilor web, vom vedea cum pot fi ele formatate.
Titluri
Atunci cand avem nevoie sa folosim un titlu in cadrul paginii noastre web putem apela la tag-urile

Cod:

<H1>

Cod:

<H2>

Cod:

<H3>

Cod:

<H4>

Cod:

<H5>

. Cu ajutorul acestor tag-uri, care au si tag-uri de incheiere, vom scrie titlurile din cadrul paginilor noastre web. Astfel in cadrul codului HTML vom folosi tag-ul

Cod:

<H1>

, de exemplu, urmat de textul titlului, iar la sfarsit vom folosi tag-ul de incheiere

Cod:

</H1>

. Tag-urile

Cod:

<H1>

si

Cod:

</H1>

permit scrierea unui titlu cu caracterele cele mai mari in timp ce textul incadrat de tag-urile

Cod:

<H5>

si

Cod:

</H5>

va fi afisat cu caracterele cele mai mici, dupa cum urmeaza:
Acesta este un titlu cu

Cod:

<H1>

Acesta este un titlu cu

Cod:

<H2>

Acesta este un titlu cu

Cod:

<H3>

Acesta este un titlu cu

Cod:

<H4>

Acesta este un titlu cu

Tag-urile acestea accepta atributul ALIGN cu ajutorul caruia titlul va putea fi aliniat la stanga, la centru sau la dreapta.
Etichete pentru formatarea textului
Am vazut in sectiunea precedenta cum arata titlurile. In continuare vor fi prezentate diverse moduri de formatare a unui text.
Pentru alegerea caracteristicilor unui text, putem folosi tag-ul

Cod:

<FONT>

Acest tag accepta mai multe atribute (color, face, size) care ne vor ajuta in formatarea textelor. Atributul COLOR se refera la culoarea textului ce va fi incadrat de tag-urile

Cod:

<FONT>

si

Cod:

</FONT>

, atributul FACE arata tipul fontului, iar atributul SIZE arata marimea fontului.
Pentru a alege culoarea textului, trebuie sa consulti mai intai tabelul de culori, iar apoi, atunci cand te-ai hotarat ce culoare vei folosi, sa scrii codul sau numele acelei culori ca valoare a atributului COLOR.

De exemplu, liniile de cod:

Cod:

<FONT COLOR=”CornflowerBlue”>Design World</FONT>

sau:

Cod:

<FONT COLOR=”#6495ED”>Design-World</FONT>

vor avea urmatorul rezultat:

Cod:

<FONT COLOR=”#FF0000”>Design World</FONT>