Muotoiluvinkkejä

Tekstimuodot

HTML (rajoitettu)

  • Sallitut HTML-tagit: <br> <p> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <cite> <dl> <dt> <dd> <a hreflang href> <blockquote cite> <ul type> <ol type start> <img data-entity-type data-entity-uuid src alt height width> <strong> <em> <code> <li>

    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 the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    Koodin kuvaus Kun kirjoitat Näet seuraavaa
    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 />rivinvaihdolla Teksti
    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.

    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
    Siteerattu <cite>Siteerattu</cite> Siteerattu
    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.
    Ankkureilla luodaan linkkejä muille sivuille. <a href="https://www.kirjastot.fi">Kirjastot.fi</a> Kirjastot.fi
    Lohkolainaus <blockquote>Lohkolainaus</blockquote>
    Lohkolainaus
    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 img ei löydy ohjetta.
    Lihavoitu <strong>Lihavoitu</strong> Lihavoitu
    Korostettu <em>Korostettu</em> Korostettu
    Ohjelmointikielisen lähdekoodin näyttämiseen käytettävä koodimuotoinen teksti. <code>Koodattu</code> Koodattu
    Tagille li ei löydy ohjetta.

    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.

Ei muotoiluja

  • Sallitut HTML-tagit: <i> <b> <s>

    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 the HTML Living Standard or use your favorite search engine to find other sites that explain HTML.

    Koodin kuvaus Kun kirjoitat Näet seuraavaa
    Kursivoitu <i>Kursivoitu</i> Kursivoitu
    Lihavoitu <b>Lihavoitu</b> Lihavoitu
    Tagille s ei löydy ohjetta.

    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.