HyperText Markup Language (HTML) instruktionerne, der danner tabeller placeret på websider, giver et ret stort antal yderligere parametre. Dette tillader, i modsætning til andre blokelementer, at indstille størrelser ikke kun ved hjælp af CSS-sproget (Cascading Style Sheets eller "Cascading Style Sheets"), men også ved hjælp af selve HTML-koden.
Instruktioner
Trin 1
Brug breddeattributten for tabellemærket til at specificere bredden af tabellen i pixels. Mærketabellen (HTML-instruktion) består af en åbning (
) dele, mellem hvilke der er tags, der danner rækkerne og cellerne i tabellen. Yderligere parametre (attributter) kan placeres i åbningskoden, hvis liste for hvert specifikt mærke bestemmes af internationale standarder. For bordtaggen tillader disse standarder brugen af breddeattributten, som specificerer bredden på tabellen i pixels. HTML-koden i en simpel tabel med et sådant tag, der definerer en bredde på 500 pixels, kan se sådan ud:
| 1. celle | 2. celle |
Trin 2
Føj et% tegn til værdien for attributten bredde, hvis du skal angive bredden på tabellen som en procentdel i stedet for i pixels:
| 1. celle | 2. celle |
Bemærk, at disse procentsatser ikke nødvendigvis vil være baseret på browservinduets bredde. Dokumentets struktur har betydning her - ligesom en indlejret indlejringsdukke ikke kan være bredere end den, hvori den indlejres, så 100% af bordets bredde kan ikke være større end bredden på det overordnede element. For eksempel, hvis tabellen er inde i en div-blok, tages bredden af denne blok som 100%.
Trin 3
Brug sprogbeskrivelserne for stilbeskrivelse, hvis du vil indstille den samme bredde for tabellerne på websiden ét sted i kildekoden. For at gøre dette skal du først placere i hoveddelen af HTML-koden (mellem og) de åbnings- og lukningskoder, der begrænser CSS-sprogudtalelserne:
/ * CSS instruktioner vil være her * /
Sæt derefter følgende CSS mellem disse tags: tabel {bredde: 100px;} Her angiver tabellen, at beskrivelsen, der er placeret inde i de krøllede parenteser, skal anvendes på alle tabel-tags, der vises i sidekoden. Nå, bredde-parameteren indstiller bredden. Her kan du også bruge den relative bredde i procent.
Trin 4
Angiv klassens navn i CSS-koden og i HTML-tabel-tagget, hvis du ikke skal angive bredden for ikke alle tabeller, men kun for en eller flere tabeller. Lad os for eksempel sige, at klassen, der markerer en gruppe af smalle tabeller, er lille. Derefter kan beskrivelsen af dens stil se sådan ud: table.tiny {width: 100px;} Og det tilsvarende tag for en af tabellerne i HTML-koden er sådan:
| 1. celle | 2. celle |
