Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Peruskäsitteet: elementit, määritteet ja tagit

  • HTML-kielessä ei käytetä komentoja, vaan tekstin osia merkataan ns. tageilla.
  • Tagit koostuvat < >-merkeistä ja niiden sisään kirjoitetusta tagin nimestä.
  • <alkutagi> määrää komennon vaikutuksen aloituskohdan ja </lopputagi> lopetuskohdan.
  • Esim. <title> Otsikko </title>
  • Osalla tageista ei ole lainkaan lopetusta, tai lopetus on vapaaehtoinen.
  • Esim. <hr> rivinvaihto
  • Tageilla voi olla määritteitä eli attribuutteja, joissa määritellään tarkemmin tagin käyttötarkoitusta. 
  • Määrite tulee tagin sisään ja koostuu yleensä attribuutin nimestä, =-merkistä ja attribuutin arvosta.
  • Esim. <p class="korostettu_teksti"></p>
  • Tagien ja niiden sisällön muodostamaa kokonaisuutta kutsutaan elementiksi

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

Panel
bgColor#d7dcae
borderWidth0px
title

HTML on siis loogiselta rakenteeltaan puumainen, vaikka se kirjoitetaan peräkkäistekstinä. Siihen viittaa myös se, että html-elementtiä kutsutaan juurielementiksi.

Web-sivustojen lähdekoodiin voi tutustua valitsemalla selaimesta Näytä > Sivun lähdekoodi. Se on hyvä tapa opiskella html-sivujen rakennetta ja erilaisia toteuttamismalleja. Kannattaa kuitenkin suhtautua sivustoihin kriittisesti, sillä web-sivun tekijöinä on monentasoisia osaajia. HTML-koodi voi olla täysin määrittelyjen vastainen, jolloin sivu toimii epävakaasti eri selaimilla. Sivu saattaa myös lakata näkymästä suunnittelijan toivomalla tavalla uusien selainpäivitysten myötä.