Hvordan Strekke Et Bord

Innholdsfortegnelse:

Hvordan Strekke Et Bord
Hvordan Strekke Et Bord

Video: Hvordan Strekke Et Bord

Video: Hvordan Strekke Et Bord
Video: How to make Handmade Sandals: DIY, Bottega Veneta Padded Heel Sandal 2024, April
Anonim

Behovet for å strekke bordet til hele rommet i nettleservinduet oppstår for eksempel når sideutformingen er plassert inne i tabellen. Løsningen på dette problemet krever ikke å skrive kompleks kode, men det innebærer å ta hensyn til noen av funksjonene ved markeringen av websider.

Hvordan strekke et bord
Hvordan strekke et bord

Nødvendig

Grunnleggende kunnskap om HTML

Bruksanvisning

Trinn 1

Først må du avklare betydningen av den kommende operasjonen. I HTML-kode er tabellsider et sett med nestede sammenkoblede koder (en åpning og en lukking). Cellemerker (

og

) er nestet i strengmerker (

og

), og de, i sin tur, til tabellmerker (

og

). I åpningskoden til tabellen kan du angi bredde og høyde både i absolutte enheter (piksler) og relative (prosent). Med relative størrelser blir bredden og høyden på det overordnede elementet i tabellen tatt til 100%. Hvis du plasserer en tabell direkte i brødteksten på siden (og ikke i et lag, skjema, annen tabell osv.), Vil dimensjonene til det overordnede elementet være bredden og høyden på siden. Dette betyr at for å strekke bordet til all ledig plass, må du spesifisere 100% horisontale og vertikale dimensjoner for det.

Steg 2

Nå kan du begynne å praktisere dette i HTML. Bredden og høyden på tabellen spesifiseres av bredde- og høydeattributtene. Så tabellkoden som indikerer 100% av dimensjonene i alle retninger, og for eksempel med to celler i en rad, kan se slik ut:

venstre celle i tabellen høyre celle i tabellen

Trinn 3

Å spesifisere 100% bredde og høyde vil være nok til å strekke tabellen hvis du velger riktig HTML-standard som nettleseren skal lese sidekoden etter. Merkelappen er plassert på den aller første linjen i dokumentet. Du trenger en tagg med følgende innhold:

Trinn 4

Og ett punkt til bør tas i betraktning i koden din: som standard er siden innrykket fra kantene av vinduet med noen få piksler, så tabellen, selv etter å ha fylt hele siden, vil ikke strekke seg til hele vinduet. For å eliminere disse unødvendige feltene, kan du spesifisere null innrykk i de tilsvarende attributtene i åpningstaggen til sideteksten ():

Trinn 5

Når den er samlet, vil hele sidekoden med en tabell strukket til full bredde og høyde på skjermen se slik ut:

Strukket bord

venstre celle i tabellen høyre celle i tabellen

Anbefalt: