HTML Regler om Table Spacing
Ved hjelp av HTML, kan du lage web side tabeller og kontrollere størrelsen på de enkelte cellene. Spesifikke HTML-koder bestemme avstanden rundt cellene, og du kan bruke dem til å sette plass rundt bordene også. Andre koder som angir celle padding og plassere grenser rundt bordet påvirker også tabell avstand. Ved hjelp av disse forskjellige HTML-funksjoner, kan du plassere websideelementer der du vil ha dem og legge plass rundt dem hvis nødvendig.
HTML-tabeller
HTML-tabeller bestå av instruksjoner plassert mellom åpning og lukking tabellkoder, <table> og </ table>. Du kan angi egenskapene til et bord, inkludert grenser, celleavstand og celle polstring, ved å legge dem etter ordet "tabellen" inne i den første koden. Attributtene alltid gjelder for hele tabellen, men du kan gjøre det se ut som om cellene har ulike egenskaper av hekkende tabeller, eller plassere tabeller inni cellene. Etter at du har utviklet tabellstrukturen, kan du legge til innhold inne i cellene, og justere avstanden å gjøre innholdet vises i henhold til din design.
Borders
En vanlig <table> tag omfatter en standardverdi som gir en ramme om null piksler rundt bordet og mellom cellene. Dette betyr at tabellen viser uten ramme og uten rutenettlinjene. Når du setter grensen attributt til 1, som i <table border = 1>, viser tabellen en en-pixel grense og rutenettlinjene. For verdier større enn én, grensen rundt hele bordet øker i bredde til pixel-verdi som er oppgitt for grensen. Rutenettlinjene er fortsatt på plass, men plassen mellom cellene endres ikke.
Cell Spacing
Som standard tabeller har en celleavstand fra 1. Dette betyr at det er en en-pikselrommet mellom kanten av en celle, og kanten av naboceller. Innhold berører cellen grensen, men ikke tilstøtende innhold. Du kan angi andre verdier for celleavstand ved å inkludere verdiene i tabellen tag, for eksempel <table cellspacing = 0> eller <table cellspacing = 5>. For uten avstand, funksjoner som farget bakgrunn i tabellcellene vises uten hull, mens avstandene i fem eller flere la hver celle skjerm som en tydelig egen enhet.
Cell Padding
Celle polstring refererer til rommet mellom innholdet av cellen, og cellekanten. Standardverdien er 1, og viser til en piksel. Du kan også angi celle polstring i form av prosent, som i <table cellpadding = 20%>. I dette tilfelle er den samlede celle polstring 20 prosent av cellens dimensjoner, med 10 prosent på hver kant. Cellpadding er den beste tilnærmingen for jevnt å adskille innhold.
nestede tabeller
Noen ganger kan en nettside vil kreve forskjellige behandlinger for ulike områder. Det kan være lurt å holde innholdet tett sammen i en meny på venstre side av siden, men plassen det mye på høyre side. I slike tilfeller er en god løsning å benytte en samlet bord med en venstre og en høyre celle, som hver inneholder en tabell. Den venstre tabellen har litt avstand mens den høyre tabellen har store avstandsverdier. Man kan justere avstanden mellom den samlede tabellen for å plassere riktig de to andre bord med den ønskede avstand mellom dem.