Tabell - en av de viktigaste, men samtidigt komplexa element som måste finnas närvarande på webbsidor. Med deras hjälp är det lämpligt att tillämpa en viktig och användbar information i en ganska kortfattad formulär. Naturligtvis, de flesta redaktörer mallar, som arbetar med olika motorer, automatiskt infoga en tabell på din hemsida eller separat publikation, men vad händer om webbdesign resurs är dess sidor skapas från början? Då nybörjare mästare kan få ett problem: hur man gör en tabell i HTML. Låt oss se hur snabbt och korrekt skapa objektet.
välja editor
Först av allt, börjar skapa en tabell, bör du definiera editor där du kommer att fungera. Naturligtvis är det enklaste sättet att välja program där du skapar en grundläggande webbplats kod. Men det är bäst att använda för detta ändamål den gamla goda anteckningsblock.
Du kan fråga, varför komplicera ditt liv, för om du gör allt rätt i editorn, då resultatet kan ses direkt, också, och även uppmanar program att använda.
Ja, det är sant, men att skapa en tabell från början, kommer du inte bara att kunna grundligt undersöka principen om dess tillkomst, men också för att förhindra pinsamma stavfel och fel i den underliggande koden. Ibland händer det av en slump att markören flyttas nedåt, och processen för att skriva kod i fel smyger in, vilket ibland är svårt att hitta. Att skapa en tabell i en anteckningsbok, kan du kopiera koden och klistra in den på rätt plats för dig.
Algoritmen för att skapa tabellen
Till att börja med att göra en kort algoritm, hur man gör en tabell i HTML. Detta för att säkerställa att du förstår sekvensen av varje steg. Sedan analysera exakt hur du utför varje objekt.
Låt oss börja med de förberedande åtgärderna.
1. Rita schemat på papper image vid bordet.
2. Räkna antalet rader och celler. Om antalet olika förflutna - tänk på varje ryadochka sig.
3. Bestäm antalet i raden-header-celler (till exempel «№» cell, "Namn" och t. D.).
4. Skriv ner de viktigaste parametrarna i tabellen - färgen, höjd och bredd, textjustering - kort sagt allt som du verkar passa.
Gå sedan direkt till skapandet av tabellen:
1. Sätt tabellen taggar.
2. Sätt i taggarna av linjer som bygger på det belopp som du behöver.
3. Raderna sätta taggar av celler (normala och versala), också på grund av det belopp som har spelats in på papper.
4. Ställ in parametrarna för hela tabellen.
5. Om du behöver ställa in parametrar för enskilda celler.
6. Fyll i vår cell text.
skapa en tabell
Så du väljer redaktör, nu ska vi titta på hur man skapar en tabell i HTML. Tag som gör att tabellen (
) sätts in i sidkoden paras, det vill säga vår konstruktion börjar med denna tagg och slutar med .
Sätta i tabellen taggar fortsätter att skapa rader och celler.
Nu kan vi konstatera att dessa element också paras ihop. Tag
definierar en sträng, och | - celler.
För övre-celler bör användas parade element | .
Såsom redan nämnts, är det första steget att dra en linje, då måste de registrera cell. För att undvika förvirring är det lämpligt att göra någon utfyllnad mellan varje block i en rad eller två, eller annars att förskriva ett nytt block element genom att använda "Tab" -tangenten.
Hur kan det se ut? Ungefär så här:
- ;
-
; -
№ p / p ; -
Namn ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Som ni kan se, inget komplicerat om det. Det viktigaste - inte gå vilse i antalet rader och celler. Annars bordet lutas.
Vi avvecklas för att skapa en tabell i HTML, nu kan vi gå vidare till parametrarna för både Matrix och dess rader och celler.
tabell~~POS=TRUNC När koden är skriven, är det nödvändigt att uppmärksamma följande punkter: inriktning i tabellen HTML, färgen på gränser, bakgrund, text, och så vidare.
Parametrarna anges i tabellen taggen . Dessa inkluderar:
1. gränsa - kantbredden. Definieras av ett heltal. Som standard alla tabellgränser försvinna.
2. border - färgen av gränsen. Det kan ges som hexadecimal färg (# 00008B), och hans namn på angliykom (Darkblue). Som standard är det alltid grå.
3. bgcolor - bakgrundsfärg. Som anges av kod eller namn.
4. Justera - justera texten för tabellen. Default - till vänster. Det finns följande alternativ för denna parameter:
- vänster - höger wrap;
- -obtekanie höger till vänster;
- center - utgångs bord i mitten med inget flöde.
5. Bredd och höjd - bredd och höjd av bordet. Den kan vara antingen i pixlar eller i procent (i förhållande till webbläsarfönstret storlek).
Föreskriva en särskild indikator, bör du ägna särskild uppmärksamhet åt konstruktionen. Efter att ange parametern för att gå skylt "lika", varefter inom citationstecken indikerar ett förutbestämt värde.
När det gäller färgen på texten, då urskilja det på samma sätt som vanlig text i HTML-format.
Exempel på en tabell:
-
; -
; -
№ p / p ; -
Namn ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parametrar rader Så vi har redan listat ut hur man gör en tabell i HTML och ordinera sina viktigaste parametrarna. Men vad händer om vi behöver avsätta en sträng? Kolla in hennes inte så huvuddelen av bordet?
ledningsparametrar är skrivna i taggen | på samma sätt som datatabellen. Att rada följande variabler kan definieras:
1. Redan känd för dig gränsen, border och bgcolor.
2. Rikta - justera texten på raden. Det kan ställas in på vänster, mitten och höger.
3. valign - taggen anpassar texten vertikalt. Det tar följande värden:
- top - texten är anpassad till den övre gränsen;
- mitten - i mitten;
- botten - den nedre kanten.
EXEMPEL linje clearance:
-
; -
№ p / p ; -
Namn ; - .
parametrar celler Och det sista du bör uppmärksamma dem som vill veta hur man gör en tabell i HTML - parametrarna för enskilda celler, både normala och kapital. I själva verket är allt gjort på samma sätt som för ett bord eller rad. Det bara lagt två viktiga faktorer:
1. colspan - här parametern anger antalet kolumner för vilka cellen kan sträcka sig.
2. rowspan - redan anger antalet rader upptas av denna cell.
Eftersom konstruktionen är inte skiljer sig från receptet linjen, kommer det inte att leda till exempelkoden.
rön Gör en tabell är inte så svårt som det kan tyckas vid första anblicken. Det viktigaste när du skriver sin kod - uthållighet och uppmärksamhet.
När det gäller hur man infoga en tabell i HTML, sedan dess kodnummer är tillräckligt för att kopiera och klistra in den i stället för din sida, där, i din åsikt, ska placeras.
Var inte rädd för att experimentera, och snart du helt behärskar tekniken för att skapa tabeller. Lycka till!
| |
| | |
| | | |
|