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

...

unmigrated-wiki-markup
Panel
bgColor#d7dcae
borderWidth0px
title

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

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

...

  • 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 />

...