tabulaattorin

blockquote sisentää tekstiä, se tosin sisentää myös kappaleen lopusta (css:llä sitäkin voi tietty säädellä):

tekstiä

Lisäksi tämä on periaatteellisesti väärä tapa, koska html:llä ilmaistaan dokumentin rakenne ja blockquote tarkoittaa että kyseessä on lainaus ulkopuolisesta lähteestä.



Toinen vaihtoehto on kirjoittaa teksti -tagien väliin:

   tekstiä   lisää tekstiä      ja vielä vähän.

Tässä on tosin ongelmana se, että fontti on aina kiinteäleveyksinen (niinku vanhoissa kirjoituskoneissa) eikä sitä kai voi muuttaa.


Kehittynein tapa olisi tehdä asia css:llä.

   p {white-space: pre;}

Tässä taas törmäämme vanhaan tuttuun ongelmaan: kun kyse on vähänkään kehittyneistä css-ominaisuuksista, InternetExplorer ei ainakaan kutosversiossa vielä ymmärrä tuon päälle.

Css:llä voi tehdä toisinkin: käyttämällä span-elementtejä joiden leveyden voi määrätä haluamakseen.


tekstiä
lisää tekstiä
ja vielä vähän


ja css-osaan:

   .tab {padding-left: 2em;}

tai

   .tab {width: 2em;}


Tämä toimii IE:lläkin (ainakin kutosella) mutta muistelisin että Safarilla oli jotain ongelmia tän kanssa.

HTML:ssä ei ole mitään komentoja.

Tabulaattorin voi kirjoittaa HTML:ään ihan sellaisenaan. (Eri asia on, miten sivunteko-ohjelma tämän mahdollistaa; no kooditilassa ainakin toimii.) HTML:n määrittely kertoo, mitä se HTML:ssä merkitsee: se on tyhjätilamerkki ja siten merkitsee samaa kuin välilyönti, paitsi pre-elementin sisällä, jossa se tabuloi jonnekin. Mahdollisesti 8 merkin välein. Mutta HTML:n määrittelyt ovat aina varoittaneet käyttämästä sitä.

Aloitetaanko alusta? Mikä oli se ongelma, jonka ratkaisuksi luulit tabulaattoria?

Jos sinulla on taulukkomuotoista tietoa (engl. tabular data), käytä table-elementtiä.