5. HTML Attribuutit
HTML Attribuutit (Määritteet)
- HTML elementeissä voi olla attribuutteja
- Määritteet tarjoavat ylimääräistä tietoa elementistä
- Attribuutit määritellään aina aloitustagissa
- Attribuutti kirjoitetaan nimi/arvo pareina: nimi="arvo"
Käytetyn kielen attribuutti
Dokumentin kieli voidaan määrittä <html> tagissa.
Kieli määritellään kieli attribuutissa.
Kielen määrittäminen on tärkeää eri sovelluksille ja hakukoneille että esim google tietää millä kielellä kotisivusi on:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>Minun ensimmäinen otsikko</h1>
<p>Minun ensimmäinen kappale.</p>
</body>
</html>
Kaksi ensimmäistä kirjainta määrittelevät kielen (en). jos käytössä on murretta, käytä murteeseen toiset kaksi kirjainta (US).
Otsikko attribuutti.
HTML kappaleet määritellään <p> tagilla.
Tässä esimerkissä, <p> elementssä on otsikko määrite. määritteen arvo on "infoa tästä koulutuksesta":
Esimerkki
<p title="infoa tästä koulutuksesta">
peda.netissä voit myös kouluttautua.
samaa koulututtautumispakettia voit käyttää mobiililaitteilla.
</p>
Kun siirrät kursorin elementin päälle, otsikko tulee näkyviin hiiren viereen.
Tässä esimerkissä, <p> elementssä on otsikko määrite. määritteen arvo on "infoa tästä koulutuksesta":
Esimerkki
<p title="infoa tästä koulutuksesta">
peda.netissä voit myös kouluttautua.
samaa koulututtautumispakettia voit käyttää mobiililaitteilla.
</p>
Kun siirrät kursorin elementin päälle, otsikko tulee näkyviin hiiren viereen.
href Attribuutti
HTML linkit määritellään <a> tagilla. linkin osoite määritellään href attribuutilla:
Esimerkki
<a href=" http://www.peda.net ">Tämä on linkki</a>
Opit myöhemmin lisää tästä <a> tagista.
Esimerkki
<a href=" http://www.peda.net ">Tämä on linkki</a>
Opit myöhemmin lisää tästä <a> tagista.