Lektion om HTML. sammanslagning celler

Tabellerna i HTML - en mycket praktisk post. Med dem kan du göra vad som helst. Naturligtvis det huvudsakliga syftet - att placera information i en tabell. Men utvecklarna av webbplatser har gått längre. Vid ett tillfälle var det väldigt populärt att använda en tabell för att skapa en ram webbplats. Nu proffs försöker att inte göra det.

Tabeller har hittat sin breda tillämpning på grund av det stora antalet attribut. Till exempel visade en mycket användbar egenskap att kombinera rader eller kolumner.

Introduktion till Theory

I HTML, föreningen av celler sker med hjälp av två attribut: colspan och rowspan. De är specificerade för td tag.

Låt oss först analysera strukturen i varje tabell, innan vi gräva i ämnet. I varje bord finns en linje, och i det - cell. Tänk på att en början måste alla tabeller innehåller samma antal celler.

Figuren ovan angivna två rader och i var och en av tre celler. Det är en vanlig tabell. Om du är i någon rutan ett mindre antal celler, tabellen "flytta ut", alla kommer inte att visas på rätt sätt.

HTML-tabell: sammanfoga celler vertikalt och horisontellt

För att ange ett mindre antal celler eller strängar kan bara användas om du har något att gå samman. Men i stället för den borttagna objekt i den närmaste grannen till toppen måste du ange ytterligare attribut. Om du kombinera kolumner, då colspan, om strängarna, då rowspan. Värdet av ett attribut anger antalet objekt som du vill slå samman.

Observera att du måste ange den i närmaste elementet till toppen. Till exempel i bilden ovan, om du ville kombinera cellen 1 och 2, måste du ange i cellen en colspan attribut med ett värde av två. Och ta bort positionsnumret 2 eller 3, det spelar ingen roll.

Summan av kardemumman är att du berättar cellen hur mycket utrymme det kommer att ta. Standardvärdet är 1.

Sammanfoga celler vertikalt HTML-tabellen sker enligt samma princip. Enkelt utrymme som kommer att betraktas som vertikalt. Se figur nedan.

Här cellen med nummer 43 tar två strängar. För att göra detta anger du attributet rowspan. Bara ihåg:

• Row - rad.
• Col - kolumn / kolumn.
• Span - Association.

Skaparna har försökt att föra språket som möjligt för det mänskliga, så att även utan att veta det, på något sätt kunde förstå.

I HTML, kan föreningen av celler göras i två riktningar: vertikalt och horisontellt. För att göra detta, vi ange både attribut.

Bilden ovan är just det och uppgav att föreningen kan göra: rader, kolumner eller båda rader och kolumner.

HTML: sammanfoga celler. exempel

Låt oss tänka mer komplexa exempel milstolpe på stora tabeller. Nedanför på vänster den ursprungliga versionen av en vanlig tabell. En höger - en variant med en kombination av två celler i den andra raden. Så tydligare och lättare att jämföra HTML-kod.

Du kan också kombinera tre i mitten av cellen. I det första fallet specificerar colspan attribut cellen №1. Här kommer det första att vara oförändrad, och den andra sattes till colspan, lika med tre.

Om du vill slå samman alla celler i en rad till en enda, sedan bort de fyra td i den första indikerar colspan = '5'.

Som ni kan se, i själva verket är allt enkelt. Inget komplicerat. Viktigast försiktigt, från första gången att förstå alla de fallgropar i tabellerna och sedan inga problem inte uppstår.

Tabell som en ram site

I HTML är unionen av celler inte alltid används för vanliga tabeller med information (i Word eller Excel). Webbdesigners ofta, men innan valurnorna har använt dem för utformningen av webbplatser.

Till exempel anser layouten på webbplatsen. Denna design - mycket enkel och primitiva. Men du kan visa användningen av föreningen explicit.

Det var ursprungligen en tabell med tre rader av två celler vardera. Sedan, för att placera webbplatsens logotyp, har de två cellerna i den första raden kombinerats. Summan av kardemumman är att göra samma sak för att rymma "källaren".

På grund av sin plats är det möjligt att placera delar av design, och ingenting kommer inte att lämna sina gränser. Detta är ett mycket bekvämt och enkelt. Därför var det så populärt. Nu är det rekommenderat att skapa en div-tagg block.

slutsats

Och kom ihåg att HTML-tabellcell sammanslagning, kan du göra vad du vill. Det beror helt på vad du vill och hur du vill ordna det. Viktigt inte får förväxlas. Om du vill skapa ett stort bord med ett stort antal föreningar, är det rekommenderat att dra det hela på ett papper eller i Paint. Imposer nybörjare blir det lättare.

När få erfarenhet, dessa operationer du kan utföra i huvudet lätt.