Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Kokeillaan verkkosivujen tekemistä

Yksiköt

W3: Lenghts

HTML:n joukossa käytetään seuraavia mittoja:

  • Pikselit: jos mitta kirjoitetaan "600", se tarkoittaa 600 pikseliä
  • Prosentit: mitta voidaan antaa prosentteina esim. 50%.
  • Vaihtuva mitta: voi olla prosentuaalinen tai suhteellinen mitta. Suhteellinen mitta ilmaistaan "i*"  missä i on kokonaisluku esim "2*". Jos jaetaan tila usean elementin kesken, niin kokonaisluku määrittää kuinka suuren osan jäljelle jäävästä tilasta elementti saa. Esim. jos jaettava tila 600 pikseliä ja se täytyy jakaa elementtien kesken suhteessa 1*, 2* ja 3*, saa ensimmäinen 100 pikseliä, toinen 200 pikseliä ja viimeinen 300 pikseliä.

Linkitys

Linkki (tai hyperlinkki) on kuva, teksti tai sana, joka siirtää käyttäjän sivulta toiselle. Ks. Freesoftin internetsanakirjan artikkeli Hypertext, erityisesti kohta Characteristics of good hypertext.

Linkin tekeminen

Lähdeankkuri

Linkin kohde

Target-määrite

Linkkien nimeäminen

HTML-linkit tehdään a-elementillä:

...

<a href="linkin kohde"> Lähdeankkuri </a>

Joka näyttää selaimessa tältä: Lähdeankkuri

Kokeile linkitystä

Hakemistorakenne linkityksessä

Suhteellisen ja absoluuttiset linkit

Käytä tiedostojen ja hakemistojen nimeämisessä vain pieniä kirjaimia a-z ja pistettä, sekä tarvittaessa numeroita ja yhdysmerkkejä. Välilyönnit ja skandit voivat aiheuttaa ongelmia  sivun esittämisessä.

Kuvien lisääminen

Kuvien muodot ja lisääminen verkkosivuille

...