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öin

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

...

Html:n ja CSS:n yksityiskohtia ei kannata opetella ulkoa, vaan niiden rakenteet ja käytetyt elementit voi tarkistaa erilaisista tietokoosteista. 

Esimerkiksi

  • w3c
    *

html-sivujen ja tyylitiedostojen tekeminen

...