5. HTML Attribuutit

Koko määritteet

2015-10-20T20:33:46+03:00

HTML kuvat määritellään <img> tagilla.

Lähteen tiedostonimi (src), ja kuvan mitat (width and height) määritellään kaikki attribuuteilla:
Esimerkki:
<img src="pedanet.jpg" width="104" height="142">

Kuvan koko määritellään pixeleinä: leveys="104" tarkoittaa 104 ruutupikseliä leveä.

Opit myöhemmin lisää kuvista ja sen tagista <img>

alt Attribuutti

2015-10-20T20:34:46+03:00

alt attribuutti näyttää vaihtoehtoisen tekstin, kun HTML elementtiä ei voida näyttää.

Attribuutin arvon voi lukea esim "google botit". ja he kääntävät elementin luettavaan muotoon ruudulla.
Esimerkki
<img src="pedanet.jpg" alt="peda.net" width="104" height="142">
Muistilista

Kaikissa HTML elementeissä voi olla attribuutteja (määritteitä)
HTML otsikko attribuutti tarjoaa ylimääräisen "tekstin pääkohdan" informaation
HTML href attribuutti tarjoaa osoite informaation linkeille
HTML width and height attribuutit tarjoaa koko tiedot kuvien laittoa varten
HTML alt attribuutti tarjoaa pop up tiedon linkissä näkyvään tekstiin.

HTML Attribuutit (Määritteet)

2015-10-21T07:42:07+03:00

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.

2015-10-20T20:32:54+03:00

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

2015-10-20T20:33:24+03:00

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.