HTML Tutorial #6 - Atribute

[Vampire Andy 229]

Atributele sunt folosite pentru a personaliza tag-urile. Ce inseamnă ? La un moment dat vei vrea să redimensionezi o imagine sau un tabel sau să 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 măsura ce introducem in discutie un nou tag . Acum însă vom vorbi despre un set de atribute generice care se pot folosi cu majoritatea tagurilor.

 

Atributele se introduc între parantezele unghiulare (<>) ale tag-ului de deschidere.

 

Atributele "class" si "id" in HTML

 

Priveste exemplu alăturat.

 

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

<p id="boldparagraph">Paragraph type 2, îngroşat </p>

HTML - Atributul "name"

 

"name" este ceva mai diferit faţă de "id" şi "class". Punând un nume unui element, acesta devine o variabilă de script pentru Javascript, ASP si PHP. Cel mai des este întâlnit în formulare şi alte câmpuri de text interactive.

 

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

Acest atribut (name) nu are nici un efect asupra redării casuţei de text, cu toate că în background deţine un rol foarte important.

 

HTML - Atributul "title"

 

Atributul title este folosit foarte puţin faţă de cât ar trebuii, el adaugă un titlu (un pop-up) oricărui conţinut al unui element. Acest atribut nu ar trebui uitat.

 

<h2 title="Atribut title">Un Titlu Oarecare</h2>

HTML - Atributul "align"

 

Dacă vrei să aliniezi în mod diferit anumite elemente ale pagini tale, atunci ai la dispozitie atributul align. Poţi alinia la stânga (left), dreapta (right) sau la mijlocul (center) pagini aproape orice element. Prin default , elementele se aliniază la stanga, esceptând atuci când se specifică o altă aliniere.

 

<h2 align="center">Titlu centrat </h2>

 

Alte exemple:

<h2 align="left">Titlu aliniat la stânga </h2>

<h2 align="center">Titlu centrat </h2>

<h2 align="right">Titlu aliniat la dreapta </h2>

 

Atribute generice

 

Iată câteva atribute comune :

 

Attribute || Options || Function  ||

 

align || right, left, center || Aliniere orizontală

 

valign || top, middle, bottom || Aliniere verticală

 

bgcolor || numeric, hexidecimal, sau valoare RGB || Un background în spatele elementului

 

background || URL || O imagine în spatele elementului

 

id || Definit de user || Numeşte un element care se va folosi cu CSS

 

class || Definit de user || Clasifică un element care se va folosi cu CSS

 

width || Valoare numerică || Specifică lăţimea unui tabel, imagine, sau căsuţe de tabel.

 

height || Valoare numerică || Specifică înălţimea unui tabel, imagine, sau căsuţe de tabel.

 

title || Definit de user "Pop-up". || Afişează un titlu pentru un element stabilit .