Versions Compared

Old Version 52

changes.mady.by.user Eeva Meltio

Saved on

compared with

New Version 53

changes.mady.by.user Eeva Meltio

Saved on

Key

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

...

  • Web teki Internetistä tunnetun
  • Tim Berners-Lee, "webin isä" ...
  • Standardointi, w3:n synty...

Miten

...

HTML-merkkaus keksittiin?

html HTML on merkkauskieli, joka on kehittynyt tekstin merkkauskielistä kirjapainoladonnassa. Alun perin pelkkää tekstin muotoilua, nykyisin 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 languageHTML (HyperText Markup Language) on yksinkertainen ja helposti opittava merkkauskieli

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

Tyypillinen htmlHTML-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>

htmlHTML-kielessä ei käytetä komentoja, vaan tekstin osia merkataan ns. tageilla.

Tagien avulla htmlHTML-dokumentille luodaan rakenne, jota kutsutaan puurakenteeksi.

html 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 web-sivun ulkoasua koskevat määritykset tehtiin htmlHTML-merkkauksen joukkoonTällöin. Kun sivustoista tuli yhä vain laajempia, sivustojen ylläpito alkoi käydä rasittavaksi. Jos sivuston taustaväriä haluttiin muuttaa, se täytyi käydä erikseen muuttamassa jokaiseen dokumenttiin, jotta sivuston ulkoasu pysyisi yhtenäisenä.

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

...