HTML-taulukko sisältää tietoja verkkosivustosta.
Sarakkeiden lisääminen verkkosivustollesi on hyödyllistä sisällön järjestämisessä. Itse asiassa Web-sivusi sarakkeiden lukumäärää ei ole rajoitettu. Sarakkeiden koodaus edellyttää kuitenkin toisen HTML-tunnisteen: taulukon tuntemista. Näiden kahden tunnisteen yhdistäminen tarjoaa loputtomat mahdollisuudet puhtaaseen ja hyvännäköiseen verkkosivustoon.
Vaihe 1
Käynnistä HTML-editori. Valitse "Tiedosto" ja "Uusi" ohjelman navigointipalkista. Tyhjä asiakirja ilmestyy näytölle.
Päivän video
Vaihe 2
Luo taulukko. Taulukot on määritelty
tag. Jokainen taulukko voidaan jakaa riveihin ja jokainen rivi tietosoluihin. Tietosolut määrittelevät sarakkeet. Kaksisarakkeinen taulukko on koodattu samalla tavalla:Sarake 1 | Sarake 2 |
Vaihe 3
Säädä taulukon reunaominaisuuksia. Jos haluat sarakkeissasi olevan reunuksen, laita border="1"-tunniste taulukkotunnisteen sisään. Vaihda reunuksen väri käyttämällä HEX-värikoodia bordercolor="#000000" -tunnisteen kanssa. #000000 on musta. Reunuksen on oltava vähintään "1", jotta reunuksen väri näkyy.
Esimerkki:
Sarake 1 | Sarake 2 |
Vaihe 4
Lisää solutäyte tai soluvälitys. Cellpadding on tyhjän tilan määrä reunuksen ja solun sisällön välillä. Soluväli on solujen välinen etäisyys. Näitä tunnisteita käytetään taulukkotunnisteen sisällä. Ei vaadita, että solutyyny tai soluvälitys on aktiivinen.
Esimerkki:
Sarake 1 | Sarake 2 |
Vaihe 5
Lisää sisältöä sarakkeihisi. Taulukon datatunnisteisiin mahtuu tekstiä, kuvia, lomakkeita ja paljon muuta.
Vaihe 6
Tallenna HTML-dokumenttisi. Esikatsele sitä Internet-selaimessa ennen kuin lataat sen Web-palvelimellesi.