HyperText Markup Language (HTML) instruksjonene som danner tabeller plassert på websider, gir et ganske stort antall tilleggsparametere. Dette tillater, i motsetning til andre blokkeringselementer, å angi størrelser, ikke bare ved hjelp av CSS-språket (Cascading Style Sheets eller "Cascading Style Sheets"), men også ved hjelp av HTML-en.
Bruksanvisning
Trinn 1
Bruk breddeattributtet til tabellkoden for å spesifisere bredden på tabellen i piksler. Merketabellen (HTML-instruksjon) består av en åpning (
) deler, mellom hvilke det er koder som danner radene og cellene i tabellen. Ytterligere parametere (attributter) kan plasseres i åpningskoden, listen over hvilke for hver spesifikke kode bestemmes av internasjonale standarder. For tabellmerket tillater disse standardene bruken av breddeattributtet, som spesifiserer bredden på tabellen i piksler. HTML-koden til en enkel tabell med en slik tag som definerer en bredde på 500 piksler, kan se slik ut:
| 1. celle | 2. celle |
Steg 2
Legg til et% tegn til verdien av breddeattributtet hvis du trenger å spesifisere bredden på tabellen i prosent i stedet for i piksler:
| 1. celle | 2. celle |
Vær oppmerksom på at disse prosentene ikke nødvendigvis vil være basert på bredden på nettleservinduet. Dokumentets struktur har betydning her - akkurat som en nestet hekkedukke ikke kan være bredere enn den den er nestet i, slik at 100% av bordets bredde ikke kan være større enn bredden på det overordnede elementet. For eksempel, hvis tabellen er inne i en div-blokk, vil bredden på denne blokken bli tatt som 100%.
Trinn 3
Bruk språkbeskrivelsen for stilbeskrivelse hvis du vil angi samme bredde for tabellene på websiden ett sted i kildekoden. For å gjøre dette må du først plassere i hoveddelen av HTML-koden (mellom og) åpnings- og lukkekodene som begrenser CSS-språkuttalelsene:
/ * CSS-instruksjoner vil være her * /
Sett deretter følgende CSS mellom disse kodene: tabell {bredde: 100px;} Her indikerer tabellen at beskrivelsen plassert inne i krøllete bukseseler skal brukes på alle tabellkoder som vises i sidekoden. Breddeparameteren angir bredden. Også her kan du bruke den relative bredden i prosent.
Trinn 4
Angi klassenavnet i CSS-koden og i HTML-tabellkoden hvis du ikke trenger å spesifisere bredden for ikke alle tabellene, men bare for en eller flere tabeller. La oss for eksempel si at klassen som markerer en gruppe smale tabeller er liten. Da kan beskrivelsen av stilen se slik ut: table.tiny {width: 100px;} Og den tilhørende taggen til en av tabellene i HTML-koden er slik:
| 1. celle | 2. celle |
