Les oor HTML. samesmelting selle

Die tabelle in die HTML - 'n baie handige item. Met hulle wat jy kan niks doen nie. Natuurlik, die hoofdoel - die plasing van inligting in 'n tabel. Maar die ontwikkelaars van webwerwe het verder gegaan. Op 'n tyd was dit baie gewild om 'n tafel te gebruik om 'n webwerf raamwerk te skep. Nou professionele probeer nie om dit te doen.

Tafels het hul wye toepassing gevind as gevolg van die groot aantal eienskappe. Byvoorbeeld, 'n baie nuttige eienskap het die kombinasie van rye of kolomme.

Inleiding tot die teorie

In HTML, die unie van selle plaasvind deur middel van twee eienskappe: colspan en rowspan. Hulle is wat vir die td tag.

Kom ons kyk eers ontleed die struktuur van elke tafel, voordat ons delf in die onderwerp. In elke tafel is daar 'n lyn, en in dit - sel. Onthou dat aanvanklik, al die tafels moet dieselfde aantal selle bevat.

Die figuur hierbo aangedui twee rye en in elk van drie selle. Dit is 'n algemene tafel. As jy in enige vak, tik 'n kleiner aantal selle, die tafel is "uitbeweeg", al sal nie korrek vertoon.

HTML-tabel: saamsmelt selle vertikaal en horisontaal

Spesifiseer 'n kleiner aantal selle of snare kan slegs gebruik word as jy iets om saam te smelt nie. Maar in plaas van die geskrap item in die naaste aan die top wat jy nodig het om 'n bykomende kenmerk spesifiseer. As jy die kolomme, dan die colspan, indien die snare, dan rowspan kombineer. Die waarde van 'n kenmerk dui die aantal items wat jy wil om saam te smelt.

Neem asseblief kennis dat jy nodig het om dit te spesifiseer in die naaste element om die top. Byvoorbeeld, in die bostaande figuur, as jy wou die sel 1 en 2 te kombineer, moet jy spesifiseer in die sel 1 colspan kenmerk met 'n waarde van twee. En verwyder die posisie nommer 2 of 3, beteken dit nie saak nie.

Die bottom line is dat jy die sel hoeveel ruimte dit sal neem vertel. Die standaard waarde is 1.

Merge selle vertikaal HTML-tabel vind plaas op dieselfde beginsel. Eenvoudig beset ruimte sal as vertikaal in ag geneem word. Sien onderstaande figuur.

Hier is die sel met die aantal 43 neem twee stringe. Om dit te doen, jy die kenmerk rowspan spesifiseer. Net onthou:

• Ry - ry.
• Kol - kolom / kolom.
• Span - Vereniging.

Die skeppers het probeer om die taal as moontlik aan die menslike bring, sodat selfs sonder om te weet dit, kan een of ander manier verstaan.

In HTML, kan die unie van selle gedoen in twee rigtings: vertikaal en horisontaal. Om dit te doen, ons spesifiseer beide kenmerk.

Die bostaande figuur is net dat en verklaar dat die vereniging kan doen: rye, kolomme, of beide rye en kolomme.

HTML: saamsmelt selle. voorbeelde

Kom ons kyk na meer komplekse voorbeelde mylpaal op groot tafels. Onder aan die linkerkant Stel die oorspronklike weergawe van 'n gereelde tafel. 'N Reg - 'n variant met 'n kombinasie van twee selle in die tweede ry. So duideliker en makliker om die HTML-kode te vergelyk.

Jy kan ook kombineer die drie in die middel van die sel. In die eerste geval spesifiseer colspan kenmerk die sel №1. Hier sal die eerste onveranderd wees, en die tweede by die colspan, gelykstaande aan drie.

As jy wil al die selle saam te smelt in 'n ry om 'n enkele, verwyder dan die vier td in die eerste colspan = dui '5'.

Soos jy kan sien, in werklikheid, alles is eenvoudig. Niks ingewikkeld. Die belangrikste is, noukeurig, vanaf die eerste keer aan al die slaggate van die tafels te verstaan, en dan geen probleme nie opduik.

Tafel as 'n webwerf raamwerk

In HTML, is die unie van selle nie altyd gebruik vir gereelde tafels met die inligting (in Word of Excel). Webwerf ontwerpers dikwels, maar voordat die stembusse het hulle gebruik vir die uitleg van terreine.

Byvoorbeeld, kyk na die uitleg van die terrein. Hierdie ontwerp - baie eenvoudig en primitief. Maar jy kan die gebruik van assosiasie uitdruklik wys.

Daar was oorspronklik 'n tafel van drie rye van twee selle elk. Dan, te plaas die logo van die werf, het die twee selle in die eerste ry is gekombineer. Die bottom line is om dieselfde te doen om die "kelder" te akkommodeer.

As gevolg van sy plek is dit moontlik om elemente van ontwerp te plaas, en niks sal nie sy perke te verlaat. Dit is 'n baie maklike en eenvoudige. Daarom is dit so gewild is. Nou, is dit raadsaam om 'n div tag blokke te skep.

gevolgtrekking

En onthou dat die HTML-tabel sel samesmelting, kan jy doen wat jy wil. Dit hang alles af van wat jy wil hê en hoe jy wil om dit te reël. Wat belangrik is, moenie deurmekaar raak. As jy wil 'n groot tafel te skep met 'n groot aantal verenigings, word dit aanbeveel om dit alles te trek op 'n stuk papier of in die Paint. Imposer beginners sal dit makliker wees.

Wanneer wins ervaring, hierdie bedrywighede kan jy uit te voer in jou kop maklik.