Muotoiluvinkkejä

Tekstimuodot

Filtered HTML

  • Sallitut HTML-tagit: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <h3> <h4> <h5> <h6> <h7> <p> <img> <table> <tr> <th> <td> <br> <pre> <abbr>

    Sivusto sallii HTML sisällön. Kaikkien HTML tagien opiskelu voi vaikuttaa turhalta joten voit opetella niistä vain yksinkertaisimmat. Tämä taulukko tarjoaa esimerkkejä jokaisesta sivustolla sallitusta HTML tagista.

    Lisätietoa saat W3C:n HTML-määrittelystä tai hakemalla suosikkihakukoneellasi muita sivustoja, jotka kertovat HTML:stä.

    Koodin kuvausKun kirjoitatNäet seuraavaa
    Ankkureilla luodaan linkkejä muille sivuille.<a href="https://www.zeip.eu">ZeiPin nurkka</a>ZeiPin nurkka
    Korostettu<em>Korostettu</em>Korostettu
    Lihavoitu<strong>Lihavoitu</strong>Lihavoitu
    Siteerattu<cite>Siteerattu</cite>Siteerattu
    Lohkolainaus<blockquote>Lohkolainaus</blockquote>
    Lohkolainaus
    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
    Tagille li ei löydy ohjetta.
    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
    Tagille dt ei löydy ohjetta.
    Tagille dd ei löydy ohjetta.
    Ylätunniste<h2>Alaotsikko</h2>

    Alaotsikko

    Ylätunniste<h3>Alaotsikko kolme</h3>

    Alaotsikko kolme

    Ylätunniste<h4>Alaotsikko neljä</h4>

    Alaotsikko neljä

    Ylätunniste<h5>Alaotsikko viisi</h5>
    Alaotsikko viisi
    Ylätunniste<h6>Alaotsikko kuusi</h6>
    Alaotsikko kuusi
    Tagille h7 ei löydy ohjetta.
    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 img ei löydy ohjetta.
    Taulukko<table> <tr><th>Taulukon otsikko</th></tr> <tr><td>Taulukon solu</td></tr> </table>
    Taulukon otsikko
    Taulukon solu
    Tagille tr ei löydy ohjetta.
    Tagille th ei löydy ohjetta.
    Tagille td 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
    Esimuotoiltu<pre>Esimuotoiltu</pre>
    Esimuotoiltu
    Lyhennetty muoto<abbr title="Lyhennys">Lyhenn.</abbr>Lyhenn.

    Suurin osa erikoismerkeistä voidaan syöttää suoraan ilman ongelmia.

    Jos törmäät ongelmiin, kokeile HTML-merkkikoodeja. Yleinen esimerkki on merkkikoodi &amp; merkille &. Täydellisen listan merkkikoodeista löydät HTML:n merkkikoodit-sivulta. Joitain käytettävissä olevia merkkejä ovat:

    Merkin kuvausKun kirjoitatNäet seuraavaa
    &-merkki&amp;&
    Suurempi kuin&gt;>
    Pienempi kuin&lt;<
    Lainausmerkki&quot;"

Plain text

  • HTML-merkintää ei sallita.
  • Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.
  • 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.