Muotoiluvinkkejä

Tekstimuodot

Rajattu HTML

  • Sallitut HTML-tagit: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>

    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.

    For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

    Koodin kuvaus Kun kirjoitat Näet seuraavaa
    Ankkureilla luodaan linkkejä muille sivuille. <a href="http://www.maanmittauslaitos.fi">Maanmittauslaitos</a> Maanmittauslaitos
    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ä &ltli>-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

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

    If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

    Merkin kuvaus Kun kirjoitat Näet seuraavaa
    &-merkki &amp; &
    Suurempi kuin &gt; >
    Pienempi kuin &lt; <
    Lainausmerkki &quot; "
  • Rivit ja kappaleet tunnistetaan automaattisesti. Tagit <br /> (rivinvaihto), <p> (kappale) ja </p> (kappaleen lopetus) lisätään automaattisesti. Jos kappaleet eivät tunnistu, lisää pari tyhjää riviä.
  • Verkko- ja sähköpostiosoitteet muutetaan automaattisesti linkeiksi.

Puhdas teksti

  • HTML-merkit ovat kiellettyjä.
  • Rivit ja kappaleet tunnistetaan automaattisesti. Tagit <br /> (rivinvaihto), <p> (kappale) ja </p> (kappaleen lopetus) lisätään automaattisesti. Jos kappaleet eivät tunnistu, lisää pari tyhjää riviä.
  • Verkko- ja sähköpostiosoitteet muutetaan automaattisesti linkeiksi.