sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Dokumentin rakenne

On hyödyllistä ymmärtää HTML-dokumentin rakenne, tällöin omat tuotokset ovat rakenteeltaan järkeviä ja niiden toimivuus on taattu. Tutustutaan aluksi perusrakenteeseen ja ns. pakollisiin tageihin.

<HTML>

HTML koodi alkaa aina tällä <HTML>-tagilla. Näin selain tietää, mitä tulkata.

<HEAD>

<HEAD>-tagilla ilmoitetaan otsikkotietojen alkaminen dokumentissa. Se sijoitettaan aina HTML-dokumentin alkuun.

<TITLE>Otsikko tulee tänne</TITLE>

<TITLE>- ja </TITLE>-tagien väliin sijoitetaan sivun otsikko, joka ilmestyy mm. Bookmarks-listaan ja selaimen otsikkopalkkiin. Se kannattaa valita hyvin, sillä sen perusteella dokumenttisi valitaan usein luettavaksi...

</HEAD>

</HEAD>-tagilla ilmoitetaan otsikkotietojen loppuminen dokumentissa. Se sijoitettaan <TITLE>- ja </TITLE>- tagien ja mahdollisen muun otsikko-informaation jälkeen.

<BODY>

Varsinaisen informaation sisältävä dokumentin osa alkaa aina <BODY>-tagilla.

Hello world!

BODY-osassa oleva teksti näytetään sellaisenaan selaimessa, kun BODY-alueen ulkopuolella olevalla HTML-koodilla ilmoitetaan selaimelle muita tietoja dokumentissa (esimerkiksi dokumentin otsikko, kuten edellä todettiin).

</BODY>

Varsinainen dokumentti loppuu aina </BODY>-tagiin.

</HTML>

Itse HTML-dokumentti loppuu aina </HTML>-tagiin.

Tageja on kahta perustyyppiä. On toisia, joiden vaikutusalue alkaa jostain (esimerkiksi <TITLE>) ja päättyy johonkin (esimerkimme </TITLE>). Kaikki tähän menennessä esille tulleet tagin ovat tätä tyyppiä. On kuitenkin joukko tageja jotka tekevät tehtävänsä kertalaakista. Tällainen on esimerkiksi <HR> (tarkemmin myöhemmin), joka lisää vaakasuoran viivan dokumenttiin.

Seuraava sivu: Värien käyttäminen.


Käyttäjien kommentit

28.7.2004 01:16
Aloittelija

Eli mites se nyt on: Jo en ihan väärin muista, luin eräiltä sivuilta, HTML-kielessä olisi suositeltavaa käyttää <tagien> välissä pieniä kirjaimia. Onko todellisuudessa mitään merkitystä, ovat kirjaimet <ISOLLA> vai <pienellä>?

28.7.2004 10:30
Juha-Pekka Järvenpää <jp@sivut.org>

HTML-kielessä versioon 4.01 asti ei ole merkitystä, käyttäälö ISOJA vai pieniä kirjaimia elementtien nimissä.

Sen sijaan XHTML-kielessä elementtien nimet tulee olla kirjoitettuna pienellä.

Puolueellinen mielipiteeni on, että selkeyden ja luettavuuden vuoksi sekä tulevaisuutta ajatellen kaikki elementit pitäisi olla kirjoitettuna pienillä kirjaimilla.

9.1.2006 12:38
peräluolan karvaus

höhöhöhöhhhhöö

9.1.2006 12:39
jani syrjälää

minä oon jani

17.1.2006 15:08
n00b sivuntekijä <Josehp@luukku.com>

HTML-kielessä versioon 4.01 asti ei ole merkitystä


eh siis mikä 4.01 versio?? siis selaimen versio vai? mitä jos mulla on 6.0?

8.8.2007 18:52
Henry

Ei, vaan HTML-kielen versio. Tässä vaiheessa ei vielä ole määritelty versiota, mutta myöhemmin opit laittamaan koodin alkuun määrittelyn joka kertoo mitä kieltä/versiota käytät.
Mutta kannattaa kyllä käyttää pieniä kirjaimia.

19.4.2008 18:44
Java koodari

Joo tää html on aika lailla helpompaa kun javaa oon vääntänyt.

Ajattelin että oli hyvä kehittää html parempi kiitos hyvästä oppaasta.

23.4.2008 09:06
waxa

jeeeeeeeeeeeeeeeeeee

28.4.2008 21:08
APUVAA <--@-->

HEI KUIAS SAAN KOODATTUA SIVULLENI NE RULLAUS PALKIT SEKÄ VAAKA- ETTÄ PYSTYSUORAAN?

Lisää oma kommentti


Tatu Jaakkola
tatu@jaakkola.net
http://tatu.jaakkola.net/