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.

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.

Peda.net käyttää vain välttämättömiä evästeitä istunnon ylläpitämiseen ja anonyymiin tekniseen tilastointiin. Peda.net ei koskaan käytä evästeitä markkinointiin tai kerää yksilöityjä tilastoja. Lisää tietoa evästeistä