Peda.net > Verkkoveräjien etusivu > Edellisen tason veräjä >

Ensimmäinen www-sivu

YLLÄPITOON >>    

HTML-dokumentti

Yleistä

Lyhenne HTML tulee sanoista HyperText Markup Language. Kyseessä on kieli, jolla luodaan www-dokumentteja. Selainohjelma suorittaa HTML-dokumenttiin kirjoitetut toimenpiteet ja käyttäjä näkee lopputuloksen eli www-sivun.

HTML-kieli koostuu elementeistä Elementti on perusosa, joka saa jotain aikaan. Elementti koostuu alku- ja lopputagista. Elementin vaikutusalue alkaa alkutagista ja päättyy lopputagiin.

HTML-kielessä tekstikappaleet luodaan p-elementillä, jonka alkutagi on <p> ja lopputagi </p>. Siispä haluttaessa sijoittaa virke "miksi veit sen veitsen?" omaan tekstikappaleeseensa, on yksinkertaisesti kirjoitettava komento

<p> miksi veit sen veitsen? </p>

Avattu tagi on aina (muutamaa poikkeusta lukuunottamatta) suljettava lopputagilla. Jos tagi jää auki, on seurauksena useimmiten roppakaupalla harmia ja sivu ei näytä lainkaan siltä miltä pitäisi.

HTML-dokumentin peruselementit

HTML-dokumentin perusrakenne on aina seuraava:

<html>
        <head>
          <title> Dokumentin otsake </title>
        </head>

        <body>
          tekstiä tekstiä tekstiä
          tekstiä     tekstiä tekstiä
          tekstiä tekstiä ja kuvia tai linkkejä tekstiä
          tekstiä tekstiä    tekstiä tekstiä
          tekstiä tekstiä
          tekstiä  tekstiä
          tekstiä tekstiä tekstiä tekstiä
          tekstiä?
        </body>
</html>

Kuten ehkä huomasitkin, tarkoitetaan dokumentin otsakkeella tekstiä, joka tulee näkyviin selaimen yläpalkkiin. Samoin huomataan, että useampikertaiset välilyönnit ja tekstiin enter-näppäintä painamalla tehdyt rivivaihdot eivät näy lopullisessa www-sivussa.

Tällainen yksinkertainen dokumentti ei ole kovin mielenkiintoisen näköinen eikä varmasti herätä netissä surffaavan mielenkiintoa. Onneksi dokumentin ulkoasua voidaan muokata monin tavoin.

 
 

Tehtävä

Tehtävä
Laadi mallin mukainen www-sivu. Tallenna omaan kansioosi.