Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele HTML-attribuuttien Käsittely | HTML-Tunnisteet ja -Attribuutit
HTML:n Perusteet

bookHTML-attribuuttien Käsittely

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 rakennetta:

<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.
index.html

index.html

copy
  • src määrittää selaimelle, missä kuva sijaitsee;
  • alt tarjoaa tekstin, joka näytetään, jos kuvan lataus epäonnistuu.
Note
Huomio

Kunkin elementin erityiset attribuutit käsitellään myöhemmin. Nyt keskitytään ymmärtämään attribuuttien käsite, niiden käyttö sekä se, että jokaisella elementillä on oma ainutlaatuinen attribuuttijoukkonsa.

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 ydinkäsite, jota käytät koko kurssin ajan työskennellessäsi eri elementtien kanssa.

question mark

Mikä on oikea tapa määrittää attribuutti HTML-elementissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you give more examples of HTML attributes?

What are some common mistakes when using attributes?

Can you explain the difference between required and optional attributes?

bookHTML-attribuuttien Käsittely

Pyyhkäise näyttääksesi valikon

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 rakennetta:

<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.
index.html

index.html

copy
  • src määrittää selaimelle, missä kuva sijaitsee;
  • alt tarjoaa tekstin, joka näytetään, jos kuvan lataus epäonnistuu.
Note
Huomio

Kunkin elementin erityiset attribuutit käsitellään myöhemmin. Nyt keskitytään ymmärtämään attribuuttien käsite, niiden käyttö sekä se, että jokaisella elementillä on oma ainutlaatuinen attribuuttijoukkonsa.

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 ydinkäsite, jota käytät koko kurssin ajan työskennellessäsi eri elementtien kanssa.

question mark

Mikä on oikea tapa määrittää attribuutti HTML-elementissä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 2
some-alt