Versions Compared

Key

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

...

Miten html-merkkaus keksittiin?

...

html on merkkauskieli, joka on kehittynyt tekstin merkkauskielistä kirjapainoladonnassa

Alun perin pelkkää tekstin muotoilua, nykyisin HTML sisältää jo paljon muutakin

Aikoinaan typografi piirsi tekstin muotoilua koskevan suunnitelman ja ohjeet latojalle

Latoja kokosi kokosi tekstin ohjeiden mukaan käsin kuumaladontaa käyttäen

Valoladontalaitteet yleistyivät 40-50 -luvulla, 70-luvulta lähtien ne olivat tietokoneohjattuja

Tällöin tekstin muotoilua varten kehitettiin erityinen merkkauskieli, markup language, jonka avulla tietokone osasi muotoilla tekstin oikealla tavalla

Alun perin typografin tekemistä merkinnoistä otettiin mallia ensimmäisiä ladontaohjelmia laadittaessa. Samat merkinnät ovat periytyneet edelleen html-kieleen.

html-merkkaus ja ulkoasun muotoilu

html (hypertext markup language) on yksinkertainen ja helposti opittava merkkauskieli

html-dokumentti koostuu tekstisisällöstä ja dokumentin rakennetta (ja osittain ulkoasua) kuvaavista merkinnöistä

Tyypillinen html-dokumentin 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

...