Muotoiluvinkkejä

Tekstimuodot

anonymous HTML

  • Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.
  • Sallitut HTML-tagit: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <td> <tr> <table> <tbody> <h2> <h3> <img> <iframe>

    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://tkharjoittelu.hammaslaakariliitto.fi">Syventävä käytännön harjoittelu</a>Syventävä käytännön harjoittelu
    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.
    Tagille td ei löydy ohjetta.
    Tagille tr ei löydy ohjetta.
    Taulukko<table> <tr><th>Taulukon otsikko</th></tr> <tr><td>Taulukon solu</td></tr> </table>
    Taulukon otsikko
    Taulukon solu
    Tagille tbody ei löydy ohjetta.
    Ylätunniste<h2>Alaotsikko</h2>

    Alaotsikko

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

    Alaotsikko kolme

    Tagille img ei löydy ohjetta.
    Tagille iframe ei löydy ohjetta.

    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;"
  • 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.

Plain text

  • HTML-merkit ovat kiellettyjä.
  • 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.