Working with HTML-attribuutit

Attribuutit tarjoavat lisätietoa HTML-elementistä. Ne voivat muuttaa elementin käyttäytymistä, ulkoasua tai toimintaa. Attribuutit kirjoitetaan avaus-tagin sisään ja noudattavat aina seuraavaa kaavaa:

<tagname attribute_name="attribute_value">some content</tagname>

Tärkeimmät kohdat

• Attribuutit voivat olla pakollisia tai valinnaisia: jotkin elementit vaativat tietyt attribuutit (esim. src <img>-tagille), kun taas toiset käyttävät valinnaisia attribuutteja mukauttamiseen;
• Arvot kirjoitetaan lainausmerkkeihin: käytä "..." tai '...' arvon ympärillä, jotta koodi pysyy selkeänä;
• Jokainen tagi tukee eri attribuutteja: esimerkiksi <img> käyttää src ja alt, kun taas <a> käyttää href;
• Voit lisätä useita attribuutteja: erottele ne välilyönneillä avaus-tagissa.

• src määrittää selaimelle, missä kuva sijaitsee;
• alt tarjoaa tekstin, joka näytetään, jos kuvaa ei voida ladata.

Yhteenveto

Jokaisella HTML-elementillä voi olla attribuutteja, joilla ohjataan sen toimintaa:

• Tagi määrittää elementin tyypin;
• Attribuutit lisäävät lisätietoja;
• Sisältö on se, mikä näkyy tagien välissä (jos elementillä on lopetustagi).

Tämä on ydinasia, jota käytät koko kurssin ajan työskennellessäsi eri elementtien kanssa.