Peruskäsitteet: elementit, attribuutit 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ääreitä eli attribuutteja, joissa määritellään tarkemmin tagin käyttötarkoitusta.
- Attribuutti 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 | ||||||
|---|---|---|---|---|---|---|
| ||||||
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ä.