Muotoiluvinkkejä

Filtered HTML

• Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.

• Sallitut HTML-tagit: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd><p><br>

  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="http://opiskelijantampere.fi">Opiskelijan Tampere</a>	Opiskelijan Tampere
  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.
  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.
  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

  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 kuvaus	Kun kirjoitat	Näet seuraavaa
  &-merkki	&	&
  Suurempi kuin	>	>
  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.