Versions Compared

Key

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

...

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

...

  • ...

CSS

  • CSS (cascading style sheet) on merkintäjärjestelmä, jonka avulla voi esittää selaimille dokumenttien ulkoasua koskevia ehdotuksia
  • Ehdotusten kokonaisuutta kutsutaan tyyliohjeeksi tai tyylisäännöksi
  • Tyyliohjetta voi verrata lappuseen, jolla ennen annettiin latojalle ohjeita siitä, mitä kirjasinlajeja käytetään, miten teksti asemoidaan jne.
  • Aikaisemmin ulkoasua koskevat määritykset tehtiin html-merkkauksen joukkoon
  • Tällöinkertoo, miltä html-dokumentin pitäisi näyttää
  •  
  •  tyyliohjeen idea ja käytön hyödyt, lyhyt historia
  • miten ulkoasua voi säädellä?
  • mitä css:llä voi tehdä ja mitä ei voi tehdä?

...

Esimerkkejä ja projektiesittelyitä

Lähteet ja lisätietoa

Jukka K. Korpela ja Tero Linjama: XHTML-käsikirja

Lisätietoa kiinnostuneille: Jukka K. Korpelan opas Merkkauskielten idea verkossa