HTML-kielen perusteet Osa 5 Vilho Kemppainen 21.09.2005.

Esitys aiheesta: "HTML-kielen perusteet Osa 5 Vilho Kemppainen 21.09.2005."— Esityksen transkriptio:

1 HTML-kielen perusteet Osa 5 Vilho Kemppainen 21.09.2005

2 Taulukot  Taulukot ovat erittäin hyödyllisiä WWW-sivun muotoilussa.  Taulukoita voi käyttää: 1.taulukkomuotoisen tiedon esittämiseen 2.sivun elementtien asemointiin.  Jälkimmäisellä keinolla saadaan kuvat ja tekstiosiot pysymään helposti oikeilla paikoillaan.

3 Taulukon ohjelmointi  Taulukko määritellään tagiparilla ….  Taulukon sisällä kukin rivi suljetaan merkkien … väliin.  Kullakin rivillä kentät (ts. sarakkeet) erotetaan … merkeillä.  Jos kentän tekstiä halutaan korostaa (otsikkorivi!) käytetään TD-merkkien sijaan tagiparia ….

4 Taulukon muotoilu  Taulukkoa voidaan muotoilla useilla eriparametreilla; näistä tärkeimmät ovat: 1.BORDER, joka määrittää kehyksen reunan leveyden pikseleinä, ja 2.ALIGN, jolla määritetään taulukon asema sivulla (oikea, vasen, keskusta). 3.WIDTH: taulukon leveys % sivun leveydestä  Esimerkki:

5 Esimerkkitaulukko 040-7472558Vilho Kemppainen 040-1122334Osmo Oppilas PuhelinNimi

6 Esimerkkitaulukon koodi Nimi Puhelin Vilho Kemppainen 040-7472558 Osmo Oppilas 040-1122334

7 Taulukon käyttö asemoinnissa  Edellisessä esimerkissä kenttämerkkien … väliin oli sijoitettu pelkästään tekstiä.  Kenttään voidaan kuitenkin sijoittaa mitä tahansa HTML-elementtejä esim. kuvia.  Tästä aiheesta EI OLE esimerkkiä.  Kokeile itse!