...
Alun perin typografin tekemistä merkinnoistä otettiin mallia ensimmäisiä ladontaohjelmia laadittaessa. Samat merkinnät ovat periytyneet edelleen html-kieleen.
HTML-merkkaus
...
HTML (HyperText Markup Language) on Web-sivujen julkaisuformaatti.
...
HTML-dokumentti koostuu tekstisisällöstä ja dokumentin rakennetta (ja osittain ulkoasua) kuvaavista merkinnöistä.
Peruskäsitteet: elementit ja tägit
Tyypillinen HTML-dokumentin rakenne näyttää yleensä seuraavalta
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
|
HTML-kielessä ei käytetä komentoja, vaan tekstin osia merkataan ns. tageilla
- Esim. <TITLE> Otsikko </TITLE>
- Tagien ja niiden sisällön muodostamaa kokonaisuutta kutsutaan elementiksi
Tagien avulla HTML-dokumentille luodaan rakenne, jota kutsutaan puurakenteeksi.
HTML on siis loogiselta rakenteeltaan puumainen, vaikka se kirjoitetaan peräkkäistekstinä.
- Kokeillaan html-merkkausta
- Katsotaan erilaisten sivujen lähdekoodia ja ulkoasua
Selain
Selain (browser) on ohjelma, joka pystyy esittämään verkkosivuja käyttäjälle ja jolla voi liikkua sivulta toiselle.
...
...
Ulkoasun muotoilu CSS
...
Peruskäsitteet: elementit ja tägit
Tyypillinen HTML-dokumentin rakenne näyttää yleensä seuraavalta
...
| 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
- Esim. <TITLE> Otsikko </TITLE>
- Tagien ja niiden sisällön muodostamaa kokonaisuutta kutsutaan elementiksi
Tagien avulla HTML-dokumentille luodaan rakenne, jota kutsutaan puurakenteeksi.
HTML on siis loogiselta rakenteeltaan puumainen, vaikka se kirjoitetaan peräkkäistekstinä.
...
:llä
CSS
CSS (cascading style sheet) on yksinkertainen menetelmä, jolla muotoillaan web-sivujen ulkoasu.
...