Versions Compared

Key

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

...

  • html on yksinkertainen ja helposti opittava merkkauskieli
  • html-dokumentti koostuu tekstisisällöstä ja dokumentin rakennetta (ja osittain ulkoasua) kuvaavista merkinnöistä
  • tyypillinen rakenne näyttää seuraavalta
    Panel
    bgColor#d7dcae
    borderWidth0px
    title

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

  • html-kielessä ei käytetä komentoja, vaan tekstin osia merkataan ns. tageilla
  • tagien avulla html-dokumentille luodaan rakenne, jota kutsutaan puurakenteeksi
  • html on siis loogiselta rakenteeltaan puumainen, vaikka se kirjoitetaan peräkkäistekstinä

...

Miksi on tärkeää opiskella HTML:ää ja CSS:ää systemaattisesti?

Usein www-sivujen suunnittelijat oppivat html:n ja tyylitiedostojen käytön yrityksen ja erehdyksen kautta sekä kopioimalla muiden tekemiä verkkosivustoja.

Tällöin helposti ei edes ymmärretä, miten tietty tagi tai deklaraatio toimii, vaan ollaan tyytyväisiä siitä, että sivusto toimii sillä hetkellä käytössä olevilla selaimilla ja siinä kontekstissa, johon kopioitu koodinpätkä on asetettu. Selainten päivittyessä epästandardi koodi saattaa kuitenkin lakata toimimasta halutulla tavalla, tai sivustoa myöhemmin päivitettäessä ei enää muisteta, mistä oikein oli kysymys.

Html:n tunteminen on tärkeää kaikille, jotka tekevät web-sivuja. Myös sivunteko-ohjelmia käytettäessä joudutaan usein korjaamaan ohjelman tekemää html:ää tai etsittävä syitä virhetilanteisiin html:n joukosta.

html-sivujen tekeminen

Käsitteet: Palvelin ja selain

...