Etusivu

Tiedonsyöttövihjeitä

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

  • Sallitut HTML-tagit: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption>

    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.antimoni.fi/drupal">Antti Immonen</a>Antti Immonen
    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.
    Tagille span ei löydy ohjetta.
    Tagille div ei löydy ohjetta.
    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
    Tagille img ei löydy ohjetta.
    Tagille map ei löydy ohjetta.
    Tagille area ei löydy ohjetta.
    Tagille hr ei löydy ohjetta.
    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
    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
    Taulukko<table> <tr><th>Taulukon otsikko</th></tr> <tr><td>Taulukon solu</td></tr> </table>
    Taulukon otsikko
    Taulukon solu
    Korostettu<em>Korostettu</em>Korostettu
    Lihavoitu<b>Lihavoitu</b>Lihavoitu
    Alleviivattu<u>Alleviivattu</u>Alleviivattu
    Kursivoitu<i>Kursivoitu</i>Kursivoitu
    Lihavoitu<strong>Lihavoitu</strong>Lihavoitu
    Tagille font ei löydy ohjetta.
    Poistettu<del>Poistettu</del>Poistettu
    Lisätty<ins>Lisätty</ins>Lisätty
    Alaindeksi<sub>Ala</sub>indeksiAlaindeksi
    Yläindeksi<sup>Ylä</sup>indeksiYläindeksi
    Tagille quote ei löydy ohjetta.
    Lohkolainaus<blockquote>Lohkolainaus</blockquote>
    Lohkolainaus
    Esimuotoiltu<pre>Esimuotoiltu</pre>
    Esimuotoiltu
    Tagille address ei löydy ohjetta.
    Ohjelmointikielisen lähdekoodin näyttämiseen käytettävä koodimuotoinen teksti.<code>Koodattu</code>Koodattu
    Siteerattu<cite>Siteerattu</cite>Siteerattu
    Tagille embed ei löydy ohjetta.
    Tagille object ei löydy ohjetta.
    Tagille param ei löydy ohjetta.
    Tagille strike ei löydy ohjetta.
    Tagille caption ei löydy ohjetta.

    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.