Leipäteksti

Leipäteksti koostuu useista osista, joita ovat otsikot, kappaleet, listat, lomakkeet, taulukot ja muutama muu, jotka kuvataan tässä osassa. Jos tekstiä ei ole määritelty kuuluvaksi mihinkään osaan, se katsotaan kuuluvaksi kappaleen <P> sisään. Osat voivat sisältää toisia osia. Esimerkiksi kappaleen sisään voi laittaa taulukon ja taulukon sisään voi laittaa listan. HTML 3.2 määrittää tarkasti, mitkä osat saavat olla toistensa sisällä. Tässä oppaassa ei paneuduta näihin sääntöihin. Osien sisällä tekstin muotoiluun käytetään tekstitason muotoiluja, joista lisää seuraavilla sivuilla.

Leipätekstiä kirjoitettaessa on huomattava, että HTML:ssä ei normaalisti huomioida editorilla tehtyjä rivinvaihtoja. Niinpä rivinvaihdot on ilmaistava <BR>-koodilla. Myös useiden osia määrittelevien koodien toteutukseen kuuluu rivinvaihto. Esimerkiksi kappaleen määrittävän <P></P> -koodin jälkeen tulee yleensä kaksi rivinvaihtoa.

H1 - H6 - Otsikot

Koodit määrittävät eritasoisia otsikoita. Otsikon ulkoasu määräytyy selaimen mukaan, joten on turha tavoitella tietyn näköistä ja kokoista otsikkoa. Valitse otsikkotaso otsikon tehtävän mukaan. ALIGN-atribuutilla voidaan tasata otsikko vasempaan tai oikeaan reunaan tai keskelle.

Esimerkkejä

<H1>Tason 1 otsikko</H1> <H2>Tason 2 otsikko</H2> <H3>Tason 3 otsikko</H3> <H4>Tason 4 otsikko</H4> <H5>Tason 5 otsikko</H5> <H6 ALIGN=center>Tason 6 otsikko</H6>

Tason 1 otsikko Tason 2 otsikko Tason 3 otsikko Tason 4 otsikko Tason 5 otsikko Tason 6 otsikko

P ja BR - Kappale ja rivinvaihto

P-määrittää kappaleen. Kappaleen jälkeen tulee yleensä kaksi rivinvaihtoa. P-koodia ei pidä käyttää välien tekemiseen, sillä yleensä peräkkäiset P-koodit jätetään huomioimatta. Oikealle tasaaminen toimii harvoissa selaimissa.

<BR>
CLEAR=left|all|right|none

BR-koodilla saa aikaan yhden rivinvaihdon. Yleensä useilla peräkkäisillä koodeilla saa aikaan useampia rivinvaihtoja, mutta näin ei ole kaikissa selaimissa. CLEAR-atribuutilla voidaan vaikuttaa tekstin sijoittumiseen kuvan suhteen.

Esimerkkejä

Kappale<P> <P>Kappale 2</P> <P ALIGN=center>Keskitetty kappale</P> Blah.<BR>Blah.

Kappale Kappale 2 Keskitetty kappale Blah. Blah.

PRE - Ennalta muotoiltu teksti

PRE-koodin sisällä oleva teksti näytetään sellaisenaan. Tekstissä olevat rivinvaihdot otetaan huomioon ja peräkkäiset välilyönnit näytetään sellaisenaan. Teksti näytetään yleensä käyttäen Courier-fonttia. WIDTH-atribuutilla voi määrätä rivin pituuden.

Esimerkkejä

<PRE> Tuote kpl mk/kpl yht. Nupi 4 5,00 20,00 Naula 20 1,00 20,00 </PRE> <PRE WIDTH=7> Seitsemän merkkiä tekstiä riville </PRE>

Tuote kpl mk/kpl yht. Nupi 4 5,00 20,00 Naula 20 1,00 20,00 Seitsemän merkkiä tekstiä riville

BLOCKQUOTE - Pitkä lainaus

Koodia käytetään ilmaisemaan muutamaa riviä pidempää lainausta. Älä käytä koodia sisennysten tekemiseen, sillä sitä ei ole tarkoitettu siihen. Lainatun tekstin yhteyteen pitää laittaa viite lähteeseen.

Esimerkkejä

<BLOCKQUOTE> Tämä teksti on lainattu jostakin teoksesta. </BLOCKQUOTE>

Tämä teksti on lainattu jostakin teoksesta.

ADDRESS - Osoitetieto

ADDRESS-koodilla ilmaistaan tekstin olevan osoitetietoa, yhteystietoa tai vastaavaa.

Esimerkkejä

Osoite:<BR> <ADDRESS> Kujakatu 5 A 6<BR> 34567 KAUPUNKI<BR> </ADDRESS>

Osoite: Kujakatu 5 A 6 34567 KAUPUNKI

DIV - Looginen osa

Koodia käytetään merkitsemään lohkoja tekstissä. Kaikki selaimet eivät tue <DIV ALIGN="center"> -koodia. Eräs mahdollisuus keskittämiseen on CENTER-koodi. Tosin sillekään ei ole tukea kaikissa selaimissa.

Esimerkkejä

<DIV ALIGN="center"> <P>Keskitetty kappale.</P> Toinen keskitetty kapple. <P ALIGN=left>Vasemmalle tasattu kappale<P> </DIV>

Keskitetty kappale. Toinen keskitetty kapple. Vasemmalle tasattu kappale

CENTER - Keskitys

CENTER koodi on vastaava kuin <DIV ALIGN=center>. CENTER-koodia tukee kuitenkin useampi selain, joten se on suositeltavampi.

Esimerkkejä

<CENTER;> <P>Keskitetty kappale.</P> Toinen keskitetty kapple. <P ALIGN=left>Vasemmalle tasattu kappale<P> </CENTER>

Keskitetty kappale. Toinen keskitetty kapple. Vasemmalle tasattu kappale

HR - Vaakasuora viiva

HR-koodi tekee vaakasuoran viivan. NOSHADE-atribuutti tekee varjostamattoman viivan. SIZE määrää viivan paksuuden ja WIDTH viivan leveyden. Esimerkkejä:

Esimerkkejä

<HR> <HR NOSHADE> <HR SIZE=5> <HR WIDTH="50%"> <HR ALIGN=center WIDTH=30>