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

...

unmigrated-wiki-markup

Panel

title
bgColor	#d7dcae
borderWidth	0px

<\!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>

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ä