...
- Ensimmäiset HTML-selaimet perustuivat SGML-standardiin
- TIm Tim Berners-Lee, "webin isä"
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
- Aluksi toimittaja merkitsi latojalle kappaleet, lihavoinnit, kursiivit yms. muotoilut käsin tekstiliuskan marginaaliin
- Myöhemmin tätä 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 (vrt. <p> kappaleen merkkinä )
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 Tyypillinen rakenne näyttää seuraavalta
Panel bgColor #d7dcae borderWidth 0px title Wiki Markup <\!DOCTYPE HTML \[käytetyn HTML:n versio\]> <HTML> <HEAD> <TITLE>Tähän otsikko</TITLE> </HEAD> <BODY> Sivun sisältö </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ä
Lisätietoa kiinnostuneille: Jukka K. Korpelan opas Merkkauskielten idea verkossa
Tyylitiedostot
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.
- kertoo, miltä html-dokumentin pitäisi näyttää
- tyyliohjeen 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ä?
...