Leksjon om HTML. sammenslåing celler

Tabellene i HTML - en veldig praktisk element. Med dem kan du gjøre noe. Selvfølgelig, det viktigste formålet - å plassere informasjon i en tabell. Men utviklerne av nettstedene har gått videre. På et tidspunkt var det veldig populært å bruke en tabell for å lage et nettsted rammeverk. Nå fagfolk prøver å ikke gjøre det.

Tabeller har funnet bred anvendelse på grunn av det store antallet attributter. For eksempel, en meget nyttig egenskap slått kombinere rader eller kolonner.

Introduksjon til teori

I HTML unionen av celler skjer ved hjelp av to attributter: colspan og rowspan. De er angitt for td tag.

La oss først analysere strukturen i hvert bord, før vi i dybden på temaet. I hvert bord er det en linje, og i det - celle. Husk at i utgangspunktet må alle tabeller inneholde samme antall celler.

Figuren ovenfor angitte to rader, og i hver av tre celler. Det er et vanlig bord. Hvis du er i en hvilken som helst skriver du inn et mindre antall celler, bordet er "flytte ut", alle vil ikke vises korrekt.

HTML-tabell: fusjonere cellene vertikalt og horisontalt

Hvis du vil angi et mindre antall celler eller strenger kan bare brukes hvis du har noe å fusjonere. Men i stedet for den slettede elementet i den nærmeste nabo til toppen må du angi en ekstra attributt. Hvis du kombinerer kolonnene, deretter colspan, hvis strengene, så rowspan. Verdien av et attributt angir antall elementer du vil slå sammen.

Vær oppmerksom på at du må angi den i nærmeste element til toppen. For eksempel i figuren ovenfor, hvis du ønsket å kombinere celle 1 og 2, må du angi i cellen en colspan attributt med en verdi på to. Og slett posisjon nummer 2 eller 3, spiller det ingen rolle.

Poenget er at du forteller cellen hvor mye plass det vil ta. Standardverdien er 1.

Slå sammen celler vertikalt HTML-tabellen foregår på samme prinsipp. Bare opptatt plass vil bli betraktet som vertikalt. Se figuren nedenfor.

Her cellen med nummer 43 tar to strenger. For å gjøre dette, angir du attributtet rowspan. Bare husket:

• Rad - rad.
• Col - kolonne / kolonne.
• Span - Association.

Skaperne har forsøkt å bringe språket som mulig til menneske, slik at selv uten å vite det, eller annen måte kunne forstå.

I HTML, kan foreningen av cellene gjøres i to retninger: vertikalt og horisontalt. For å gjøre dette, oppgir vi begge attributt.

Figuren ovenfor er nettopp det, og uttalte at foreningen kan gjøre: rader, kolonner eller begge rader og kolonner.

HTML: slå sammen celler. eksempler

La oss se på mer komplekse eksempler milepæl på store bord. Nedenfor til venstre Sett den opprinnelige versjonen av en vanlig tabell. En rett - en variant med en kombinasjon av to celler i den andre raden. Så klarere og enklere å sammenligne HTML-kode.

Du kan også kombinere de tre i midten av cellen. I det første tilfellet colspan attributten angir celle №1. Her, den første vil være uforandret, og den andre tilsatt til colspan, lik tre.

Hvis du ønsker å slå sammen alle cellene i en rad til en enkelt, og deretter fjerne fire td i første indikerer colspan = '5'.

Som du kan se, faktisk, er alt enkelt. Ingenting komplisert. Viktigst, nøye, fra første gang å forstå alle fallgrubene bordene, og da bør ikke oppstå noen problemer.

Tabell som et område rammeverk

I HTML er foreningen av cellene ikke alltid brukt for vanlige bord med informasjon (i Word eller Excel). Webdesignere ofte, men før meningsmålingene har brukt dem i utformingen av nettsteder.

For eksempel vurdere utformingen av nettstedet. Denne design - svært enkle og primitive. Men du kan vise bruk av foreningen eksplisitt.

Det var opprinnelig et bord av tre rader med to celler i hver. Så, for å plassere logoen til nettstedet, har de to celler i den første raden er kombinert. Poenget er å gjøre det samme for å imøtekomme "kjelleren".

På grunn av sin plass er det mulig å plassere elementer av design, og ingenting vil ikke forlate sine grenser. Dette er en veldig praktisk og enkel. Derfor var det så populært. Nå er det anbefalt å lage en div tag blokker.

konklusjon

Og husk at HTML tabellcelle sammenslåing, kan du gjøre hva du vil. Det hele avhenger av hva du vil og hvor du vil ordne det. Viktigere, ikke blir forvirret. Hvis du ønsker å lage et stort bord med et stort antall foreninger, anbefales det å trekke det hele på et stykke papir eller i Paint. Imposer nybegynnere vil det være enklere.

Når få erfaring, disse operasjonene du kan utføre i hodet ditt lett.