[ Tästä aputekstistä voit leikata ja
  liimata editoriin esimerkkejä maalaamalla
  niitä hiirellä ja käyttämällä näppäin-
  yhdistelmiä CTRL-INS ja SHIFT-INS. ]



Sisältö:

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



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

Termien selityksiä

  HTML-tagi: <>-suluilla erotettu HTML-
             kielinen määritys.

  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
  värit.

  Väriarvot annetaan tekstille ja linkeille
  RGB-arvoina. RGB-arvo koostuu kolmesta
  heksadesimaaliluvusta välilä 0-FF. Arvot
  määräävät kyseisen perusvärin määrän
  lopullisessa värissä. Perusvärit ovat
  järjestyksessä R(ed) G(reen) B(lue),
  Punainen, Vihreä, Sininen.

  Esim. Harmaa muodostetaan antamalla
  jokaiselle perusvärille sama arvo:

  R=C0
  G=C0
  B=C0

  HTML-muodossa: "#C0C0C0"

  Kirkas keltainen on:

  R=FF
  G=FF
  B=0

  HTML-muodossa: "#FFFF00"



Tekstin lisääminen HTML-dokumenttiin

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

  Esimerkki jatkuvasta tekstistä:

  <TT>Tämä on kirjoituskonetekstiä. Tämä
  teksti vaihtaa riviä automaattisesti
  sen mukaan, minkä kokoinen WWW-selaimen
  ikkuna sattuu olemaan. Rivinvaihto
  sovitetaan sanojen väliin. Ei siis
  tarvitse pelätä, että teksti katkeaisi
  typerästi keskeltä sanaa.</TT>

  Esimerkki pakotetuista rivinvaihdoista:

  <TT>Tämä on kirjoituskonetekstiä.<BR>
  Tuohon tuli pakotettu rivinvaihto.<BR>
  Näin tekstin voi pätkiä haluamansa<BR>
  pituisiin riveihin ja saada aikaan<BR>
  helpommin luettavaa tekstiä</TT>

  Jotkut HTML-tagit pitävät sisällään
  pakotetun rivinvaihdon. Tällaisia ovat
  seuraavat tekstin ulkoasuun vaikuttavat
  tagit:

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


  Otsikkoja ja hienompia tekstejä, joihin
  on määritelty erilaisia kokoja ja värejä
  saadaan määriteltyä tekstinmuokkaus-
  ikkunan vasemmalla puolella olevalla
  paneelilla. Paneelista saa tekstille
  määriteltyä ulkoasun, tyylin, värin,
  tekstikoon ja fontin.

  Lähetä-napilla määritykset lähteteään
  editointiruutuun. Tekstitilaan tulee
  tarvittavat HTML-tagit ja valmis
  esimerkkiteksti "Teksti", jonka tilalle
  voidaan kirjoittaa oma teksti.

  Valmiiksi kirjoitettuun tekstiin voidaan
  lisätä muotoilumääreitä maalaamalla
  muotoiltava teksti ja painamalla Lähetä-
  nappia.

  Huom! Fontin valinta ei näytä toimivan
  muissa kuin Microsoftin WWW-selaimissa.
  Tyyli, väri ja koko sen sijaan toimivat
  kaikissa graafisissa selaimissa.



Kuvien lisääminen HTML-dokumettiin

  Kuvia lisätään 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 määritelty
  "kuva.ext", reunuksen leveydeksi 0 (=ei
  reunusta) ja vaihtoehtoiseksi tekstiksi
  "Teksti". Vaihtoehtoinen teksti näkyy
  vain jos WWW-selain ei osaa näyttää
  kyvia, kuvaa ei löytynyt tai WWW-selaimen
  kuvien lataus on estetty.

  Esimerkkikuva:

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

  Kuvien asetteluun voidaan vaikuttaa
  "ALIGN="-määreellä. Määre asettaa
  kuvan annetulla tavalla tekstiin tai
  kuvaruutuun nähden.
  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 lisätään linkki valitsemalla
  "HTML-komponentteja"-valikosta "Linkki".
  PHE kirjoittaa ruutuun oletustagin:

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

  Tagissa oletusosoite on "osoite" ja doku-
  mentisa näkyvä teksti on "Linkkiteksti".

  Osoite voi olla WWW-osoite, kuvan nimi,
  dokumentin nimi tai sähköpostiosoite.
  Kuvan nimessä ja dokumentin nimessä voi
  olla mukana myös 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>

    Sähköpostiosoite, josta painamalla
    aktivoituu WWW-selaimen sähköposti-
    ohjelma:
     <A HREF="mailto:Joku@jossain.fi">
     Lähetä postia Jollekin</A>



Listat

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

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

  Listoja voi määritellä 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"-määre kertoo numerointityylin.
  Muita tyylejä ovat "A" ja "a",
  "I" ja "i" (aakkoset, roomalaiset
  numerot). Määreellä "start="
  voidaan määritellä aloitusnumero.

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

  "disc"-määre kertoo selaimelle, että
  ranskalaiset "viivat" ovat itse asiassa
  täytettyjä ympyröitä. Muita mahdollisia
  määreitä ovat "circle" ja "square" (ympyrä
  ja neliö).

  Uusia rivejä voidaan listoihin lisätä
  HTML-komponentteja-valikosta.



Taulukot

  Taulukko on HTML-kielessä näppärä tapa
  esittää tietoa. Sen avulla saadaan
  tietoja ryhmiteltyä riveiksi ja sarak-
  keiksi. Taulukkoa voidaan käyttää myös
  kuvien pakotamiseksi tiettyyn muodos-
  telmaan.

  Esikerkkitaulukko, jossa otsikkosolu
  ja yhdeksän 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 määritellä taulukon
  reunusten koon. Koko 0 ottaa
  reunukset pois.

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

  uusia soluja lisätään <TD></TD>-tagien
  avulla. Rivejä saadaan lisää <TR></TR>-
  tageilla. Solutagien ON OLTAVA rivi-
  tagien välissä.

  Uusia rivejä ja soluja voidaan lisätä
  HTML-komponentteja-valikosta löytyvien
  vaihtoehtojen avulla.



Lopuksi

  Tämä aputeksti ei ole täydellinen HTML-
  kielen opas. Tässä tekstissä esitellään
  vain PHE:n sisältämiä toimintoja.
  PHE:n mukana tulee myös esimerkkisivu,
  johon kannattaa tutustua.

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



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

Lisenssi

  Yleistä:
  Matti J Kärki (tekijä) sanoutuu irti
  kaikesta vastuusta koskien ohjelman
  mahdollisesti aiheuttamia vahinkoja
  laitteille, ohjelmille tai käyttäjille.

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

  Käytät tätä ohjelmaa TÄYSIN OMALLA
  VASTUULLASI!

  Ohjelma on tarkistettu uusimmilla
  virustentorjuntaohjelmilla. Koodi
  on puhdasta. Jos kuitenkin epäilet,
  että ohjelma ei ole puhdas tai että
  joku on saastuttanut saamasi kopion,
  käy noutamassa uusi kopio osoitteesta:

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

  Tekijä pidättää kaikki oikeudet
  muuttaa ohjelman ulkoasua, sisältöä,
  tämän tekstidokumentin sisältöä sekä
  oikeuden levittää tätä ohjelmaa tai
  sen lähdekoodia.

  Ohjelmaa saa levittää ilmaiseksi.
  Kukaan ei saa mennä myymään ohjelmaa
  ilman tekijän lupaa.

  Pieni HTML-editori(c)1997 Matti J Kärki

---

  Pieni HTML-editori (PHE) on FREEWAREa.
  Yksityishenkilö saa käyttää PHE:tä
  vapaasti omien HENKILÖKOHTAISTEN
  kotisivujen ja muiden HTML-dokumenttien
  tekoon ei-kaupallisissa tarkoituksissa.

  Jos PHE:tä halutaan käyttää
  yrityksissä, kouluissa tai oppilaitok-
  sissa tai PHE:llä tehdään kotisivuja
  myytäväksi, on tekijältä pyydettävä
  erillinen lisenssi, joka antaa oikeuden
  käyttää PHE:tä vapaasti sekä yksityis-
  että kaupallisessa mielessä.

  Lisenssiasioista voi kysellä sähkö-
  postilla osoitteesta:

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

  PHE:n uusimman version löytää inter-
  netistä osoitteesta:

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