Page History

...

HTML-sivujen luomiseen tarvitaan vain jokin tekstieditori, esim. Windowsissa Notepad. Sivujen tekoon on myös olemassa erilaisia valmiita sivunteko-ohjelmia, joita käsitellään myöhemmin.
Tiedosto tallennetaan .html -muotoon. Selain ymmärtää myös .htm-päätteen, mutta se on pikkuhiljaa jäänyt pois käytöstä.

HTML-dokumentin rakenne

W3: Introduction to the structure of an HTML-document

...

<\!DOCTYPE HTML \ [käytetyn HTML:n versio\]> <html>      <head>           <title>*Tähän otsikko*</title>       </head>       <body>     *   Sivun sisältö*      </body>
<html>
     <head>
          <title>Tähän otsikko</title>
      </head>
      <body>
       Sivun sisältö
     </body>
</html>

Panel

bgColor	#d7dcae
borderWidth	0px
title

Wiki Markup

DOKUMENTTITYYPIN MÄÄRITTELY (DOCTYPE)
Kertoo käytetyt HTML-kielen version. Tällä kurssilla käytetään HTML:n versiota Transitional, joka näyttää seuraavalta:

Panel

bgColor	#d7dcae
borderWidth	0px
title

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitionalloose.dtd">

Käytännössä dokumenttityypin määrittelyn suurin merkitys on nykyisin siinä, että se tarvitaan dokumentin määrätynlaista tarkistamista,validointia, varten. Validointia käsitellään tarkemmin myöhemmin.

...

elementtien nimet kirjoitetaan pienillä kirjaimilla (<html>, eli ei <HTML>)
määritteiden nimet kirjoitetaan pienillä kirjaimilla (width="100%", ei WIDTH="100%")
arvot kirjoitetaan pienillä kirjaimilla (align="center", ei align="CENTER")
määritteen arvo kirjoitetaan aina lainausmerkkeihin
määritteen rakenne on aina muotoa nimi="arvo". Esim. class="otsikko" , ei class=otsikko (huom. CSS:ssä erilainen merkintätapa)
alku- ja lopputagi ovat pakollisia kaikissa elementeissä: esim. <p>kappale</p>. Poikkeuksena ovat tyhjät elementit br, hr ja img, jotka html:n määrittelyn mukaan eivät tarvitse lopputagia. Selainten käyttäytymisestä johtuen suositellaan kuitenkin muotoja <br />, <hr /> ja <img />

...

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.

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ä.