Atributele sunt folosite pentru a personaliza tag-urile. Ce vreau sa
spun? Ca la un moment dat vei vrea sa redimensionezi o imagine sau un
tabel sau sa schimbi culoarea de fond. Toate acestea sunt posibile cu
ajutorul atributelor.

Cele mai multe tag-uri au propriile lor
atribute. Vom vorbi despre aceasta pe masura ce introducem in discutie
un nou tag. Acum insa vom vorbi despre un set de atribute generice care
se pot folosi cu majoritatea tag-urilor.

Atributele se introduc intre parantezele unghiulare (<>) ale tag-ului de deschidere.
Atributele "class" si "id" in HTML

Atributele
class si id sunt foarte asemanatoare. Ele nu au un rol direct in
formatarea elementelor si mai degraba sunt utile in spatele scenei cu
ajutorul CSS. Vom vorbi despre rolul acestora la momentul potrivit,
atunci cand vom studia sintaxa si funcia lor in CSS.

Idea este ca
atunci cand vrei sa stabilesti o clasa de tag-uri pentru a fi folosite
mai tarziu ca ajutorul CSS, sa poti diferentia intre doua tag-uri
identice dar cu atribute diferite. Priveste exempul alaturat.

<p id="italicsparagraph">Paragraph type 1, inclinat </p>

<p id="boldparagraph">Paragraph type 2, ingrosat </p>
Vizualizare

Paragraph type 1, inclinat

Paragraph type 2, ingrosat
HTML - Atributul "name"

"name"
este ceva mai diferit fata de "id" si "class". Punand un nume unui
element, acesta devine o variabila de script pentru Javascript, ASP si
PHP. Cel mai des este intalnit in formulare si alte campuri de text
interactive.

<input type="text" name="TextField" />
Vizualizare

Acest
atribut (name) nu are nici un afect asupra redarii casutei de text, cu
toate ca in background detine un rol foarte important.
HTML - Atributul "title"

Atributul
title este folosit foarte putin fata de cat ar trebuii, el adauga un
titlu (un pop-up) oricarui continut al unui element. Acest atribut nu ar
trebui uitat. Poti denumi aproape orice si oricum doresti. Vizualizarea
titlului apare atunci cand ne oprim co mausul cateva secunde deasupra
contnutului.
<h2 title="Eu sunt un atribut title!">Un Titlu Oarecare</h2>
Vizualizare
Un Titlu Oarecare



Treci
cu mausul peste titlul de mai sus ca sa vezi magia atributului "title".
Acest atribut va oferi site-ului tau multa interactiune cu cei ce te
vor vizita. Nu il trece cu vederea.
HTML - Atributul "align"

Daca
vrei sa aliniezi in mod diferit anumite elemente ale pagini tale,
atunci ai la dispozitie atributul align. Poti alinia la stanga (left),
dreapta (right) sau la mijlocul (center) pagini aproape orice element.
Prin default elementele se aliniaza la stanga, esceptand atuci cand se
specifica o alta aliniere.
<h2 align="center">Titlu centrat </h2>
Vizualizare
Titlu centrat
Alete exemple:

<h2 align="left">Titlu aliniat la stanga </h2>
<h2 align="center">Titlu centrat </h2>
<h2 align="right">Titlu aliniat la dreapta </h2>
Vizualizare
Titlu aliniat la stanga
Titlu centrat
Titlu aliniat la dreapta
Valori standard pentru atribute

Multora
dintere tag-uri li se atribuie, valori standard. Asta inseamna ca daca
nu specifici un alt atribut, browser-ul o va face pentru tine. De
exemplu un paragraf se va alinia singur la stanga, exceptand atunci cand
specifici altfel; la fel si elementele unui tabel. Pe masura ce vei
exersa vei intelege mai multe despre valorile default ale unor tag-uri