Definiție Atribut HTML
Atributele HTML sunt perechi nume-valoare asociate cu tagurile HTML și sunt folosite pentru a furniza informații suplimentare despre un element. Atributele influențează comportamentul, prezentarea sau interacțiunea elementelor dintr-o pagină web.
- Prezentare Atribute HTML cu Exemple ;
- Test Verificare Atribute HTML;
=).Aici sunt câteva exemple de atribute HTML comune și modul în care sunt utilizate:
href: Acesta este atributul folosit în tagul<a>pentru a specifica adresa URL către care link-ul va direcționa. Exemplu:<a href="https://www.example.com">Link</a>.src: Acesta este atributul utilizat în tagul<img>pentru a specifica sursa imaginii. Exemplu:<img src="image.jpg" alt="Imagine">.alt: Acest atribut este utilizat în tagul<img>pentru a furniza un text alternativ care descrie imaginea. Acest text este afișat dacă imaginea nu poate fi încărcată sau pentru accesibilitate. Exemplu:<img src="image.jpg" alt="Imagine cu un peisaj">.class: Acesta este atributul folosit pentru a specifica o clasă CSS pentru un element. Mai multe elemente pot avea aceeași clasă, ceea ce permite aplicarea acelorași stiluri CSS pentru mai multe elemente. Exemplu:<div class="container">.id: Acesta este atributul folosit pentru a specifica un identificator unic pentru un element. Este util pentru stilizarea individuală a elementelor sau pentru a le selecta cu JavaScript. Exemplu:<h1 id="titlu-principal">.style: Acesta este atributul folosit pentru a specifica stiluri CSS direct în interiorul tagului. Exemplu:<p style="color: blue;">Text albastru</p>.target: Acest atribut este utilizat în tagul<a>pentru a specifica în ce fereastră sau cadru să se deschidă link-ul. Exemplu:<a href="https://www.example.com" target="_blank">Link deschis în fereastră nouă</a>.
Acestea sunt doar câteva exemple de atribute HTML. Fiecare atribut are un rol specific în definirea comportamentului sau stilului elementelor din pagină.
Exemplu practic care utilizează atributele HTML pentru a formata și a interacționa cu elementele dintr-o pagină web:
În acest exemplu:
- Atributul
ideste folosit pentru a identifica unic elementul<h1>. Acest lucru ar putea fi folosit pentru stilizare specifică sau pentru selectarea elementului cu JavaScript. - Atributul
hrefeste utilizat în<a>pentru a crea un hyperlink către website-ul exemplu. Atributultarget="_blank"face ca link-ul să fie deschis într-o fereastră nouă. - Atributul
src, împreună cu atributelealt,widthșiheight, sunt utilizate în tagul<img>pentru a afișa o imagine, descrierea ei alternativă și dimensiunile. - Atributul
onclickeste folosit în<button>pentru a apela funcția JavaScriptshowAlert()atunci când butonul este apăsat. - Atributul
classeste utilizat pentru a aplica stilul CSS definit în<style>pe elementul<p>cu clasahighlight. - În interiorul tagului
<script>, este definită o funcție JavaScriptshowAlert()care afișează o alertă când butonul este apăsat.
Atributele HTML sunt esențiale pentru a adăuga funcționalitate, interactivitate și stiluri paginilor web.