Tiedonsyöttövihjeitä

  • Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.

  • Sallitut HTML-tagit: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><h1><h2><h3><h4><h5><h6><br><br/><p>

    Tämä sivusto mahdollistaa HTML-muotoisen sisällön luonnin. Vaikka HTML:n opettelu kokonaisuudessaan voi kuulostaa hankalalta, on erittäin helppoa oppia pieni määrä kaikkein yleisimpiä HTML-"tageja". Tämä taulukko antaa esimerkkejä kaikista tällä sivulla käytettävissä olevista tageista.

    Lisätietoja on saatavissa W3C's HTML-määrityksistä. Voit myös etsiä hakukoneella muita HTML:ää opettavia sivustoja.

    Koodin kuvausKun kirjoitatNäet seuraavaa
    Ankkureilla luodaan linkkejä muille sivuille.<a href="http://www.alasilta.fi">Vaikuttavaa!</a>Vaikuttavaa!
    Korostettu<em>Korostettu</em>Korostettu
    Lihavoitu<strong>Lihavoitu</strong>Lihavoitu
    Siteerattu<cite>Siteerattu</cite>Siteerattu
    Ohjelmointikielisen lähdekoodin näyttämiseen käytettävä koodimuotoinen teksti.<code>Koodattu</code>Koodattu
    Järjestämätön lista - käytä <li>-merkkausta kunkin kohdan alussa<ul> <li>Ensimmäinen kohta</li> <li>Toinen kohta</li> </ul>
    • Ensimmäinen kohta
    • Toinen kohta
    Järjestetty lista - käytä <li>-merkkausta kunkin kohdan alussa.<ol> <li>Ensimmäinen kohta</li> <li>Toinen kohta</li> </ol>
    1. Ensimmäinen kohta
    2. Toinen kohta
    Määrityslistat ovat samankaltaisia kuin muut HTML-listat. <dl> aloittaa listan, <dt> aloittaa määritystermin ja <dd> määrityskuvauksen.<dl> <dt>Ensimmäinen termi</dt> <dd>Ensimmäinen määritys</dd> <dt>Toinen termi</dt> <dd>Toinen määritys</dd> </dl>
    Ensimmäinen termi
    Ensimmäinen määritys
    Toinen termi
    Toinen määritys
    Otsikko<h1>Otsikko</h1>

    Otsikko
    Otsikko<h2>Alaotsikko</h2>

    Alaotsikko
    Otsikko<h3>Alaotsikko kolme</h3>

    Alaotsikko kolme
    Otsikko<h4>Alaotsikko neljä</h4>

    Alaotsikko neljä
    Otsikko<h5>Alaotsikko viisi</h5>
    Alaotsikko viisi
    Otsikko<h6>Alaotsikko kuusi</h6>
    Alaotsikko kuusi
    Oletuksena rivinvaihdot lisätään automaattisesti, joten tätä tagia voidaan käyttää ylimääräisten rivinvaihtojen lisäämiseksi. Tagin käyttö eroaa normaalista koska sitä ei käytetä avaa/sulje -pareina niinkuin muita html-merkkauksia. Käytä merkkauksen sulkemiseksi ylimääräistä "/"-merkkiä merkkauksen sisällä säilyttääksesi XHTML 1.0 -yhteensopivuuden.Teksti <br />rivinvaihdollaTeksti
    rivinvaihdolla
    Oletuksena rivinvaihdot lisätään automaattisesti, joten tätä tagia voidaan käyttää ylimääräisten rivinvaihtojen lisäämiseksi. Tagin käyttö eroaa normaalista koska sitä ei käytetä avaa/sulje -pareina niinkuin muita html-merkkauksia. Käytä merkkauksen sulkemiseksi ylimääräistä "/"-merkkiä merkkauksen sisällä säilyttääksesi XHTML 1.0 -yhteensopivuuden.Teksti <br />rivinvaihdollaTeksti
    rivinvaihdolla
    Oletuksena kappalemerkkaukset lisätään automaattisesti, joten tätä merkkausta voidaan käyttää ylimääräisten kappaleiden lisäämiseksi.<p>Kappale yksi</p> <p>Kappale kaksi.</p>

    Kappale yksi

    Kappale kaksi.

    Useimmat epättavalliset merkit voidaan kirjoittaa suoraan ongelmitta.

    Ongelmatapauksissa on mahdollista käyttää HTML:n merkkientiteettejä. Esimerkiksi näin: &amp; &-merkkiä varten. Täydellisen listan HTML:n merkkientiteeteistä löydät W3 Consortiumin entiteetit sivulta. Jotkut saatavilla olevat merkit sisältävät:

    Merkin kuvausKun kirjoitatNäet seuraavaa
    &-merkki&amp;&
    Suurempi kuin&gt;>
    Pienempi kuin&lt;<
    Lainausmerkki&quot;"
  • Rivit ja kappaleet tunnistetaan automaattisesti. Rivinvaihdon kohdalle merkitään <br />-tagi, ja kaksi rivinvaihtoa tuottaa kappaleenvaihdon <p> </p> -tagit. Jos kappaleen vaihtoa ei tunnisteta, lisää pari ylimääräistä rivinvaihtoa.