[ Tst aputekstist voit leikata ja
  liimata editoriin esimerkkej maalaamalla
  niit hiirell ja kyttmll nppin-
  yhdistelmi CTRL-INS ja SHIFT-INS. ]



Sislt:

  - Termien selityksi
  - Uuden HTML-dokumentin luominen
  - Tekstin lisminen HTML-dokumenttiin
  - Kuvien lisminen HTML-dokumettiin
  - Linkkien tekeminen
  - Listat
  - taulukot
  - Lopuksi
  - Lisenssi



-------------------------------------------

Termien selityksi

  HTML-tagi: <>-suluilla erotettu HTML-
             kielinen mritys.

  Editointitila: Textboxi, jossa HTML-
                 dokumentti kirjoitetaan.



Uuden HTML-dokumentin luominen

  Uusi dokumentti luodaan valitsemalla
  Tiedosto-valikosta "Uusi".

  Ohjelma kyselee dokumentin otsikon,
  taustakuvan sek tekstin ja linkkien
  vrit.

  Vriarvot annetaan tekstille ja linkeille
  RGB-arvoina. RGB-arvo koostuu kolmesta
  heksadesimaaliluvusta vlil 0-FF. Arvot
  mrvt kyseisen perusvrin mrn
  lopullisessa vriss. Perusvrit ovat
  jrjestyksess R(ed) G(reen) B(lue),
  Punainen, Vihre, Sininen.

  Esim. Harmaa muodostetaan antamalla
  jokaiselle perusvrille sama arvo:

  R=C0
  G=C0
  B=C0

  HTML-muodossa: "#C0C0C0"

  Kirkas keltainen on:

  R=FF
  G=FF
  B=0

  HTML-muodossa: "#FFFF00"



Tekstin lisminen HTML-dokumenttiin

  Tavallisen tekstin voi kirjoittaa
  dokumenttiin suoraan. Rivinvaihto ei
  vaihda dokumentissa rivi vaan uusi rivi
  pit pakottaa <BR>-tagilla.

  Esimerkki jatkuvasta tekstist:

  <TT>Tm on kirjoituskoneteksti. Tm
  teksti vaihtaa rivi automaattisesti
  sen mukaan, mink kokoinen WWW-selaimen
  ikkuna sattuu olemaan. Rivinvaihto
  sovitetaan sanojen vliin. Ei siis
  tarvitse pelt, ett teksti katkeaisi
  typersti keskelt sanaa.</TT>

  Esimerkki pakotetuista rivinvaihdoista:

  <TT>Tm on kirjoituskoneteksti.<BR>
  Tuohon tuli pakotettu rivinvaihto.<BR>
  Nin tekstin voi ptki haluamansa<BR>
  pituisiin riveihin ja saada aikaan<BR>
  helpommin luettavaa teksti</TT>

  Jotkut HTML-tagit pitvt sislln
  pakotetun rivinvaihdon. Tllaisia ovat
  seuraavat tekstin ulkoasuun vaikuttavat
  tagit:

  <H1>...<H6>
  </H1>...</H6>        Otsikkotekstej
  <P></P>              Uusi kappale
  <TT></TT>            Konekirjoitusteksti


  Otsikkoja ja hienompia tekstej, joihin
  on mritelty erilaisia kokoja ja vrej
  saadaan mritelty tekstinmuokkaus-
  ikkunan vasemmalla puolella olevalla
  paneelilla. Paneelista saa tekstille
  mritelty ulkoasun, tyylin, vrin,
  tekstikoon ja fontin.

  Lhet-napilla mritykset lhteten
  editointiruutuun. Tekstitilaan tulee
  tarvittavat HTML-tagit ja valmis
  esimerkkiteksti "Teksti", jonka tilalle
  voidaan kirjoittaa oma teksti.

  Valmiiksi kirjoitettuun tekstiin voidaan
  list muotoilumreit maalaamalla
  muotoiltava teksti ja painamalla Lhet-
  nappia.

  Huom! Fontin valinta ei nyt toimivan
  muissa kuin Microsoftin WWW-selaimissa.
  Tyyli, vri ja koko sen sijaan toimivat
  kaikissa graafisissa selaimissa.



Kuvien lisminen HTML-dokumettiin

  Kuvia listn valitsemalla
  "HTML-komponentteja"-valikosta "Kuva".

  PHE kirjoittaa editointitilaan valmiin
  HTML-tagin, johon on sijoitettu
  oletusarvot helpottamaan muokkausta.

  Oletustagi:

    <IMG SRC="kuva.ext" BORDER=0
    ALT="Teksti">

  Oletustagissa on kuvan nimeksi mritelty
  "kuva.ext", reunuksen leveydeksi 0 (=ei
  reunusta) ja vaihtoehtoiseksi tekstiksi
  "Teksti". Vaihtoehtoinen teksti nkyy
  vain jos WWW-selain ei osaa nytt
  kyvia, kuvaa ei lytynyt tai WWW-selaimen
  kuvien lataus on estetty.

  Esimerkkikuva:

    <IMG SRC="images/img1.gif" BORDER=1
    ALT="Tss on kuva">

  Kuvien asetteluun voidaan vaikuttaa
  "ALIGN="-mreell. Mre asettaa
  kuvan annetulla tavalla tekstiin tai
  kuvaruutuun nhden.
  Arvona voi olla:
  left, right, texttop, absmiddle, baseline,
  absbottom.

  Esim.
  <IMG SRC="kuva.ext" BORDER=1 ALIGN=right>
  pist kuvan ruudun oikeaan reunaan



Linkkien tekeminen

  Dokumenttiin listn linkki valitsemalla
  "HTML-komponentteja"-valikosta "Linkki".
  PHE kirjoittaa ruutuun oletustagin:

    <A HREF="osoite">Linkkiteksti</A>

  Tagissa oletusosoite on "osoite" ja doku-
  mentisa nkyv teksti on "Linkkiteksti".

  Osoite voi olla WWW-osoite, kuvan nimi,
  dokumentin nimi tai shkpostiosoite.
  Kuvan nimess ja dokumentin nimess voi
  olla mukana mys polku.

  Esimerkkej:

    Linkki WWW-sivulle:
     <A HREF="http://www.joku.jossain.fi">
     Joku jossain</A>

    Linkki FTP-palvelimelle:
     <A HREF="ftp://ftp.joku.jossain.fi">
     FTP-palvelin jossain</A>

    Oman tekstitiedosto omassa koti-
    hakemistossa:
     <A HREF="text/teksti.txt">
     Hauska teksti</A>

    Shkpostiosoite, josta painamalla
    aktivoituu WWW-selaimen shkposti-
    ohjelma:
     <A HREF="mailto:Joku@jossain.fi">
     Lhet postia Jollekin</A>



Listat

  Listoja voi PHE:ll tehd kahdenlaisia:
  Numeroidut listat
  1) ...
  2) ...
  3) ...

  Ranskalaiset viivat
  - ...
  - ...
  - ...

  Listoja voi mritell PHE:ss HTML-
  komponentteja-valikosta.

  Numeroidun listan HTML-muoto kolmelle
  kohdalle:
  <OL TYPE=1>
  <LI>Teksti1</LI>
  <LI>Teksti2</LI>
  <LI>Teksti3</LI>
  </OL>

  "1"-mre kertoo numerointityylin.
  Muita tyylej ovat "A" ja "a",
  "I" ja "i" (aakkoset, roomalaiset
  numerot). Mreell "start="
  voidaan mritell aloitusnumero.

  Ranskalaiset viivat kolmelle kohdalle:
  <UL TYPE=disc>
  <LI>Teksti1</LI>
  <LI>Teksti2</LI>
  <LI>Teksti3</LI>
  </UL>

  "disc"-mre kertoo selaimelle, ett
  ranskalaiset "viivat" ovat itse asiassa
  tytettyj ympyrit. Muita mahdollisia
  mreit ovat "circle" ja "square" (ympyr
  ja neli).

  Uusia rivej voidaan listoihin list
  HTML-komponentteja-valikosta.



Taulukot

  Taulukko on HTML-kieless nppr tapa
  esitt tietoa. Sen avulla saadaan
  tietoja ryhmitelty riveiksi ja sarak-
  keiksi. Taulukkoa voidaan kytt mys
  kuvien pakotamiseksi tiettyyn muodos-
  telmaan.

  Esikerkkitaulukko, jossa otsikkosolu
  ja yhdeksn tavallista solua:

    <TABLE BORDER=0>
     <TH>Otsikkosolu</TH>
     <TR>
      <TD>Solu11</TD>
      <TD>Solu12</TD>
      <TD>Solu13</TD>
     </TR>
     <TR>
      <TD>Solu21</TD>
      <TD>Solu22</TD>
      <TD>Solu23</TD>
     </TR>
     <TR>
      <TD>Solu31</TD>
      <TD>Solu32</TD>
      <TD>Solu33</TD>
     </TR>
    </TABLE>

  Taulukko alkaa HTML-tagilla <TABLE>.
  Tagiin voidaan mritell taulukon
  reunusten koon. Koko 0 ottaa
  reunukset pois.

  Taulukossa ei ole pakko olla otsikko-
  solua (<TH></TH>).

  uusia soluja listn <TD></TD>-tagien
  avulla. Rivej saadaan lis <TR></TR>-
  tageilla. Solutagien ON OLTAVA rivi-
  tagien vliss.

  Uusia rivej ja soluja voidaan list
  HTML-komponentteja-valikosta lytyvien
  vaihtoehtojen avulla.



Lopuksi

  Tm aputeksti ei ole tydellinen HTML-
  kielen opas. Tss tekstiss esitelln
  vain PHE:n sisltmi toimintoja.
  PHE:n mukana tulee mys esimerkkisivu,
  johon kannattaa tutustua.

  Laajempia HTML-kielen opintoja varten
  kannattaa hankkia aiheeseen liityv
  kirja tai etsi internetist ohjeita.



-------------------------------------------

Lisenssi

  Yleist:
  Matti J Krki (tekij) sanoutuu irti
  kaikesta vastuusta koskien ohjelman
  mahdollisesti aiheuttamia vahinkoja
  laitteille, ohjelmille tai kyttjille.

  Ohjelmaa on testattu paljon ja
  koodista on pyritty karsimaan pois
  kaikki virheet, mutta koska tm ei
  ole kaupallinen ohjelma, tekij ei
  voi antaa takuuta ohjelman toimivuudesta
  tai turvallisuudesta.

  Kytt tt ohjelmaa TYSIN OMALLA
  VASTUULLASI!

  Ohjelma on tarkistettu uusimmilla
  virustentorjuntaohjelmilla. Koodi
  on puhdasta. Jos kuitenkin epilet,
  ett ohjelma ei ole puhdas tai ett
  joku on saastuttanut saamasi kopion,
  ky noutamassa uusi kopio osoitteesta:

  http://www.hit.fi/~makarki/

  Tekij pidtt kaikki oikeudet
  muuttaa ohjelman ulkoasua, sislt,
  tmn tekstidokumentin sislt sek
  oikeuden levitt tt ohjelmaa tai
  sen lhdekoodia.

  Ohjelmaa saa levitt ilmaiseksi.
  Kukaan ei saa menn myymn ohjelmaa
  ilman tekijn lupaa.

  Pieni HTML-editori(c)1997 Matti J Krki

---

  Pieni HTML-editori (PHE) on FREEWAREa.
  Yksityishenkil saa kytt PHE:t
  vapaasti omien HENKILKOHTAISTEN
  kotisivujen ja muiden HTML-dokumenttien
  tekoon ei-kaupallisissa tarkoituksissa.

  Jos PHE:t halutaan kytt
  yrityksiss, kouluissa tai oppilaitok-
  sissa tai PHE:ll tehdn kotisivuja
  myytvksi, on tekijlt pyydettv
  erillinen lisenssi, joka antaa oikeuden
  kytt PHE:t vapaasti sek yksityis-
  ett kaupallisessa mieless.

  Lisenssiasioista voi kysell shk-
  postilla osoitteesta:

  makarki@hit.fi
  tai
  matti.j.karki@mbnet.fi

  PHE:n uusimman version lyt inter-
  netist osoitteesta:

  http://www.hit.fi/~makarki/
