« Koulutusresurssit

HTML-pikaohje

HTML-tulee sanoista "Hypertext Markup Language" - hypertekstin merkintäkieli. Merkintä on tapa lisätä dokumenttiin ohjeita tekstin muotoilusta, kuvien lisäämisestä ja hyperlinkkien muodostamisesta. Dokumentin muotoiluohjeet kirjoitetaan kulmasulkujen < > sisälle. Jotkut koodeista toimivat pareina, jolloin varsinainen tekstielementti jää koodien väliin: ensimmäinen koodi kertoo mistä määrittely alkaa ja jälkimmäinen mihin se loppuu, esim. <H1>Otsikko</H1>. Toiset koodit pärjäävät ilman paria, kuten kappaleenvaihto <P>. Seuraavassa joitakin yleisimpiä muotoilukomentoja.

OTSIKOT
<H1>Tämä on ylimmän tason otsikko</H1>
<H2>Tämä on toisen tason otsikko</H2>
<H3>Tämä on kolmannen tason otsikko</H3>
<H4>Tämä on neljännen tason otsikko</H4>
<H5>Tämä on viidennen tason otsikko</H5>
<H6>Tämä on kuudennen tason otsikko</H6>

LIHAVOINTI
<B>Tämä on lihavoitua tekstiä.</B>

KURSIVOINTI
<I>Tämä on kursivoitua tekstiä.</I>

KESKITYS
<CENTER>Tämä on keskitetty</CENTER>

RIVIN VAIHTO
<BR>

KAPPALEEN VAIHTO
<P>Tämä kappale jatkuu kunnes seuraava alkaa tai tämä kappale loppuu.</P>

VAAKAEROTIN
<HR>

SISENNYS
<UL>Tämä on sisennettyä tekstiä</UL>

LISTAT

VALMIS MUOTOILU
<PRE>Tämä teksti on valmiiksi muotoiltua: [...monta välilyöntiä, jotka säilyvät kun sivua katsotaan selaustilassa].</PRE>

KIRJASIMEN (FONTIN) KOON MÄÄRITTELY
<FONT SIZE=1>Tämä on pienellä painettua tekstiä </FONT>

KIRJASIMEN VÄRIN MÄÄRITTELY
<FONT COLOR="RED">Tämä on punaista tekstiä </FONT>

KIRJASIMEN TYYPIN MÄÄRITTELY
<FONT FACE="ARIAL">Tämä teksti on Arial-kirjasimella</FONT>

KUVAN LINKITYS
<IMG SRC="http://palvelimen nimi/hakemistopolku/kuvan nimi">

DOKUMENTIN LINKITYS
<A HREF="http://www.tievie.fi/"> TieVie-koulutuksen etusivu.</A>