Tällä sivustolla 18.11.2009 alkaen julkaistut kirjoitukset löydät arkistosta.
Tiedonsyöttövihjeitä
- Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.
Sallitut HTML-tagit: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><h1><h2><h3><h4><h5><h6><br><br/><p>
Tämä sivusto mahdollistaa HTML-muotoisen sisällön luonnin. Vaikka HTML:n opettelu kokonaisuudessaan voi kuulostaa hankalalta, on erittäin helppoa oppia pieni määrä kaikkein yleisimpiä HTML-"tageja". Tämä taulukko antaa esimerkkejä kaikista tällä sivulla käytettävissä olevista tageista.
Lisätietoja on saatavissa W3C's HTML-määrityksistä. Voit myös etsiä hakukoneella muita HTML:ää opettavia sivustoja.
Koodin kuvaus Kun kirjoitat Näet seuraavaa Ankkureilla luodaan linkkejä muille sivuille. <a href="http://www.alasilta.fi">Vaikuttavaa!</a>Vaikuttavaa! Korostettu <em>Korostettu</em>Korostettu Lihavoitu <strong>Lihavoitu</strong>Lihavoitu Siteerattu <cite>Siteerattu</cite>Siteerattu Ohjelmointikielisen lähdekoodin näyttämiseen käytettävä koodimuotoinen teksti. <code>Koodattu</code>KoodattuJä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
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
Otsikko <h1>Otsikko</h1>Otsikko
Otsikko <h2>Alaotsikko</h2>Alaotsikko
Otsikko <h3>Alaotsikko kolme</h3>Alaotsikko kolme
Otsikko <h4>Alaotsikko neljä</h4>Alaotsikko neljä
Otsikko <h5>Alaotsikko viisi</h5>Alaotsikko viisi
Otsikko <h6>Alaotsikko kuusi</h6>Alaotsikko kuusi
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 />rivinvaihdollaTeksti
rivinvaihdollaOletuksena 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 />rivinvaihdollaTeksti
rivinvaihdollaOletuksena 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.
Useimmat epättavalliset merkit voidaan kirjoittaa suoraan ongelmitta.
Ongelmatapauksissa on mahdollista käyttää HTML:n merkkientiteettejä. Esimerkiksi näin: & &-merkkiä varten. Täydellisen listan HTML:n merkkientiteeteistä löydät W3 Consortiumin entiteetit sivulta. Jotkut saatavilla olevat merkit sisältävät:
Merkin kuvaus Kun kirjoitat Näet seuraavaa &-merkki && Suurempi kuin >> Pienempi kuin << Lainausmerkki "" - 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.
