Johdanto

Johdanto HTML:ään


Mikä on HTML tiedosto ?

  • HTML on lyhenne sanoista Hyper Text Markup Language.
  • HTML-tiedosto on tekstitiedosto, joka sisältää merkkaustageja.
  • Merkkaustagit kertovat selaimelle esitettävän sisällöm.
  • HTML-tiedoston päätteen täytyy olla htm tai html.
  • HTML-tiedosto voidaan luoda yksinkertaisella tekstieditorilla.

Haluatko kokeilla ?

Käynnistä Windowsin Notepad.

Kirjoita seuraava teksti :

<html>
<head>
<title>Sivun otsikko</title>
</head>
<body>
Tämä on ensimmäinen kotisivuni. <b>Tämä teksti on vahvistettua.</b>
</body>
</html>

Tallenna tiedosto nimellä "omasivu.html". 

Avaa selain. Valitse "Open" tai "Open page" File-valikosta ja avaa juuri luomasi tiedosto omasivu.htm. Selain näyttää luomasi HTML-sivun.


Esimerkin selitys

Ensimmäinen tagi sivullasi on <html>. Tämä tagi kertoo selaimelle, että tästä alkaa HTML-dokumentti. Viimeinen tagi </html> kertoo selaimelle, että HTML dokumentti loppuu.

<head> ja </head> tagien välillä oleva teksti on sivun otsaketietoa (header). Otsaketietoa ei näytetä selainikkunassa.

<title>-tagien välissä oleva teksti on sivun otsikko, joka näkyy selaimen otsikkopalkissa.

<body>-tagien välissä oleva teksti näytetään selaimessa (leipäteksti).

<b>- ja </b>-tagien välissä oleva teksti näytetään selaimessa vahvistettuna.

 


HTM vai HTML pääte?

Kun HTML-tiedosto tallennetaan, voidaan käyttää joko .htm tai .html päätettä. Lyhyempi .htm pääte on jäänne ajalta jolloin ohjelmat ymmärsivät vain kolmikirjaimisia päätteitä.


Huomio HTML editoreista:

HTML:lle löytyy WYSIWYG (what you see is what you get) editoreja kuten DreamWeaver. Kuitenkin jos halutaan oppia HTML-kunnolla, kannattaa harjoittelun alussa käyttää pelkkää tekstieditoria.