Kaiken perusta - HTML

Perusidea

Www-sivut tehdään HTML-kielellä. Tarkemmin sanottuna webissä katsottavat dokumentit kuvataan HTML-merkintäkielellä. HTML-kieli ei ole siis ohjelmointikieli vaan kuvauskieli. HTML-kielen avulla kerrotaan:

• Mikä elementti on? Esim. otsikko, tekstikappale, kuva, linkki jne.
• Minkä näköinen elementti on? Esim. tekstikappaleen fontti on Verdana.
• Missä se sijaitsee? Esim. otsikko on keskitetty.
• Elementin tietosisältö? Ykköstason otsikko on "HPK voittaa mestaruuden".

HTML-dokumentit ovat tekstitiedostoja, jotka yleensä tallennetaan htm tai html -päätteisiksi (esim. tuotteet.htm). HTML-dokumentin voi yksinkertaisimmillaan kirjoittaa esim. Windowssin muistiolla (Notepad).

Pieni esimerkki

Alla näet pienen pätkän HTML-koodia:

Internet-selaimesta katsottuna se näyttää tältä.

<h1>HTML on helppo oppia</h1>
<p>HTML-kielen <b>perusteet</b> on helppo oppia.</p>

h1 = 1. tason otsikko
p = tekstikappale
b = lihavointi

Merkkaus

• <>-merkeillä erotellaan HTML-merkkaus varsinaisesta tekstitiedosta.
• HTML-merkkaus koostuu tageista.
• Yksi elementti koostuu aloitus- ja lopetustagista. Aloitustagi kirjoitetaan < ja > merkkien väliin (esim. <b>) ja lopetustagi kirjoitetaan </ ja > merkkien väliin (esim. </b>).
• Kaikki muu teksti näkyy selaimessa normaalina tekstinä.

Www-sivujen tekemiseen tarkoitetut ohjelmat

Www-sivuja voi tehdä ilman että tietää HTML-kielestä mitään, tosin HTML-kielen perusteiden tuntemus helpottaa asioiden ymmärtämistä ja on usein myös välttämätöntä.

Www-sivujen tekemiseen tarkoitettuja ohjelmia ovat mm. Dreamweaver ja Frontpage. Näillä ohjelmilla sivujen tekijä voi tehdä sivut hiukan samalla tavalla kuin tekisi dokumentteja tekstinkäsittelyohjelmalla. Ohjelmat generoivat ”lennossa” HTML-koodin. On siis hyvä muistaa, että jos HTML-kielessä ei jokin ole mahdollista tehdä (esim. tekstin molempien reunojen tasaus), ei sitä pysty tekemään www-sivujen tekemiseen tarkoitetulla ohjelmallakaan.

Tulevaisuudessa

HTML-kielen korvaa, tai on jo osittain korvannut, XHMTL-kieli. XHTML-kieli muistuttaa paljon HTML-kieltä. Www-sivujen tekijän näkökulmasta suurimmat erot ovat:

• XHTML-kielen syntaksissa ei saa olla kirjoitusvirheitä.
• XHTML-määrittelee elementit (esim. mikä on otsikko) ja CSS-tyyleillä määritellään ulkoasu (minkä näköinen on otsikko ja missä se sijaitsee).

Opiskele lisää

HTML-kielestä löytyy paljon hyviä oppaita Internetistä:

http://www.google.fi/search?sourceid=navclient&ie=UTF-8&q=html+opas

Sivun alkuun

eOsaajan taidot sivuille