Merkkaus

Jokainen osaa (ja jos ei osaa niin nyt opettelee) HTML:n perusteet, joten jokainen myös pystyy tästedes itse kirjoittamaan juttunsa suoraan HTML-muotoon (tarkemmin ottaen, XHTML-muotoon).

Homma on hyvin simppeli, ei tarvitse kuin muutama tagi muistaa: p, h1, a, img ja br. Kaikki tagit kirjoitetaan pienellä.

Esimerkit

<p>Jokainen kappale alkaa ja loppuu P:hen. Ja tuota sitten kanssa käytetään, eikä kahta rivinvaihtoa! Syystä että tuolla saadaan säädeltyä kappaleiden välejä ja koko sivusto näyttää samalle. </p>

Rivinvaihto onnistuu <br /> :llä. Huomaa lopussa oleva kauttaviiva, XHMTL vaatii sen. Kaikki elementit, missä ei ole päättävää tagia, pitää päättää noin.

Kuvan saa seuraavalla koodilla: <img src="/common/layout/pip_p.gif" alt="Pip#" class="imgLeft" />
Kaikki URLit pitää kirjoittaa 'absoluuttisessa' muodossa, eli alkaen kauttaviivalla. Kuvan paikkaa voi vaihtaa vaihtamalla tuota class:ia, seuraavia voi käyttää: imgLeft ja imgRight (+ imgGallery). Tuolloin selain rivittää tekstin automaattisesti kuvan mukaan. Jos rivityksen haluaa katkaista (teksti jatkuu kuvan alla), se onnistuu seuraavasti: <br clear="all" /> .

Jos kuvia tulee monta peräkkäin (vierekkäin), seuraavaa kannattaa käyttää:
<img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" class="imgGallery" />
<img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" class="imgGallery" />
<img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" class="imgGallery" />
<img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" class="imgGallery" />
<img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" class="imgGallery" />

Linkin saa tehtyä seuraavasti: <a href="http://[...].com/">linkki</a> .

Otsikko menee näin: <h1>iso otsikko</h1>.

Kuvasta saa linkin myös, näin:
<a href="http://www.efidata.fi/"><img src="/common/sponsors/efidata_pieni.jpg" alt="Efidata" class="imgLeft" /></a>

Small toimii myös ihan hyvin jos haluaa jotain speksejä pienemmällä ( <small>pientä tekstiä</small> ).

Tuon pornon oranssin saa <code>näin</code>.

Kuvan kokotagien lisääminen: Jos vaan mitenkään JAKSAA niin kuviin olisi hyvä lisätä tagit, jotka kertovat kuvan koon. Artikkelien kuvapitoisuudesta johtuen sivuja ei voi käytännössä lukea ennen, kuin ne ovat kokonaan lataantuneet, tästä on valitettu ja se on kyllä ärsyttävää (512 adsl ei riitä). Pyritään siis pistämään ne tagit. Homma toimii esim näin: <img src="/common/images/ohjeet/thumb.jpg" alt="Kuva" Height="55" Width="55" class="imgGallery" />

Bonustageja: <h1g>, <h1::>, <a->, <t>, <nobgi>. Esimerkit käytöstä:
h1g, tommonen vihree kolmiojuttu tossa edessä h1::, tommosia hassuja pisteitä tossa ympärillä

Google, tommoset tuplanuolet linkin persiissä

teksti, alttilaatikko tekstissä

nobgi poistaa taustan rautalankahäkkyrän