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 kuvaus Kun kirjoitat Nä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>
- Ensimmäinen kohta
- 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 />rivinvaihdolla
Teksti
rivinvaihdollaEsimuotoiltu <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 & merkille &. Täydellisen listan merkkikoodeista löydät HTML:n merkkikoodit-sivulta. Joitain käytettävissä olevia merkkejä ovat:
Merkin kuvaus Kun kirjoitat Näet seuraavaa &-merkki &
& Suurempi kuin >
> Pienempi kuin <
< Lainausmerkki "
"
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.