Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

...

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> &nbsp;&nbsp;&nbsp;&nbsp; <head> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <title>*Tähän otsikko*</title> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </head> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <body> &nbsp;&nbsp;&nbsp;&nbsp;*&nbsp;&nbsp; Sivun sisältö* &nbsp;&nbsp;&nbsp;&nbsp; </body>
<html>
     <head>
          <title>Tähän otsikko</title>
      </head>
      <body>
       Sivun sisältö
     </body>
</html>

Panel
bgColor#d7dcae
borderWidth0px
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
borderWidth0px
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ä

Listat

Järjestetyt ja järjestämättömät listat: W3Schools HTML Tutorial