HTML-attribuutit
Kun lisätään lisätietoja HTML-elementeistä, käytetään attribuutteja. Attribuutit määritellään avaus-tagin sisällä, yleensä muodossa name="value".
Esimerkiksi kuvan upottamiseen käytetään <img>-tagia ja src-attribuuttia. Tämän attribuutin arvon tulee olla kuvan URL-osoite.
Tässä esimerkki:
<img src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/dark-logo.svg" />
Tämä koodi näyttää määritetyn kuvan. Huomaa, että <img>-tagi on itse sulkeutuva, eli se ei vaadi lopetustagia.
Toinen yleisesti käytetty tagi, jolla on aina attribuutti, on <a> (ankkuri) -tagi. Sitä käytetään hyperlinkkien luomiseen, ja linkin kohde määritellään href-attribuutissa. Esimerkiksi:
<a href="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/test_page.html" target="_blank">Test page</a>
Tämä palauttaa linkin
test page.
target-parametri on asetettu arvoon '_blank', jolloin linkkiä napsautettaessa sivu avautuu uuteen välilehteen.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain more about other common HTML attributes?
What does the `target="_blank"` attribute do?
Can you show how to add multiple attributes to an HTML tag?
Awesome!
Completion rate improved to 4.35HTML-attribuutit
Pyyhkäise näyttääksesi valikon
Kun lisätään lisätietoja HTML-elementeistä, käytetään attribuutteja. Attribuutit määritellään avaus-tagin sisällä, yleensä muodossa name="value".
Esimerkiksi kuvan upottamiseen käytetään <img>-tagia ja src-attribuuttia. Tämän attribuutin arvon tulee olla kuvan URL-osoite.
Tässä esimerkki:
<img src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/dark-logo.svg" />
Tämä koodi näyttää määritetyn kuvan. Huomaa, että <img>-tagi on itse sulkeutuva, eli se ei vaadi lopetustagia.
Toinen yleisesti käytetty tagi, jolla on aina attribuutti, on <a> (ankkuri) -tagi. Sitä käytetään hyperlinkkien luomiseen, ja linkin kohde määritellään href-attribuutissa. Esimerkiksi:
<a href="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/test_page.html" target="_blank">Test page</a>
Tämä palauttaa linkin
test page.
target-parametri on asetettu arvoon '_blank', jolloin linkkiä napsautettaessa sivu avautuu uuteen välilehteen.
Kiitos palautteestasi!
