Nya webmasters har att möta många utmaningar. Det verkar som vi idag kan använda för att skapa en egen webbplats mallar, men problemet är att de inte alltid har de önskade egenskaperna, och sedan måste antingen skapa en webbdesign från grunden, annars göra ändringar i en befintlig kod. Och så kommer det att behöva kunskaper i HTML-kod och den minsta aning om hur man ställer in bakgrundsfärg och sida, infoga en bild eller en video, gör en tabell i HTML.
Start av arbetet på bordet
En av de svåraste sakerna i markerings HTML-sidor - tabellen. Problemet är inte komplexiteten i taggen, som i själva verket inte alltför svårt att komma ihåg, och att när du skriver kod, kan du enkelt göra ett misstag - att glömma att registrera extra linje eller cell, skriv in texten inte gå där det är nödvändigt, och andra småsaker . Och ju mer tabellen, desto större är chansen att göra ett misstag.
Därför börjar skapa en tabell i HTML, rekommenderar vi en maximal fokus och inte bli distraherad.
Först bör vi dra en framtida tabell på en bit papper, märkning den där cell kommer du att vara, liksom att notera själva de grundläggande parametrarna i ett visst element.
Följande är att beräkna antalet rader i tabellen och antalet celler i varje rad. Vi rekommenderar också att notera objekt som förekomsten av bilder i tabellen, bakgrundsfärg, gränser, text. Först då kan du börja skapa en HTML-tabell med den lagrade informationen.
redaktör
Så du har skapat en layouttabell. Nu måste vi välja lämplig editor för att skapa den. Du kan välja specifika platser och designers för att göra en tabell i dem. Med detta program, skapa en tabell är lika enkelt som i Word-dokumentet. Du kan välja ett program som Frontpage. Trots att programmet är ganska gamla, kan det bidra till att skapa bra webbplatser, förutom på det kan hittas mer än en tutorial.
Om du vill skapa en HTML-tabell med hjälp av en speciell kod som kan användas för detta ändamål och en normal bärbar dator eller en vanlig Word-dokument. Men här måste man arbeta hårt som att skriva kod skulle vara lång.
Du kan använda redigeraren inbyggd i mjukvaran själva motorn. Så när du skapar en post i många motorer det ger möjlighet att lägga till olika element, inklusive tabeller. Även om de grundläggande funktionerna editor du inte är nöjd, göra ändringar i koden kommer att vara lättare än att skriva det från början.
taggar
Oavsett hur redaktören du kommer att använda innan du börjar skapa en tabell i html, bör du komma ihåg de grundläggande taggar. Alla tre av dem -
,
och
. Observera att alla taggar är ihopkopplade. Den första tabellen representerar en tagg som en helhet, definierar en andra rad, den tredje - cellen inom raden.
Lite mer om var och en av taggarna. Bordet börjar alltid med taggen
och slutar med . Alla webbläsare är en symbol för vad som är ett bord framför honom. Därefter föreskrivna linjer som öppnar
tagg och slutar med . I varje rad, med taggen
och föreskrivna antalet celler.
Således kommer 2x2 tabellen koden se ut så här:
Infoga en tabell i HTML-teckentabeller kan kopieras från den valda redigeraren.
tabeller av parametrar, rader och celler
Så vi diskuterade grundläggande kod. Nu ska vi prata om hur man kan förbättra bordet, gör det ljusare och mer attraktiv. För att göra detta måste du veta de grundläggande parametrarna i taggen. De är skrivna i en starttagg, vilken efter varje parameter likställs, och sedan registrerar sitt värde tas inom citationstecken. Till exempel är en bakgrund i en HTML-tabell definieras som:
.
Vi listar några grundläggande parametrar som kommer att vara mest användbar för dig. Låt oss börja med själva tabellen.
Så, för att ställa in kantbredden parametergräns hjälp, vilket kan ta några numeriskt värde. Kantfärg sätter border. Den allmänna bakgrunden ställer bgcolor.
Om du vill göra tabellen bakgrundsbild, använda bakgrunds Används, i detta fall bör du ställa URL mönster.
Rikta in innehållet på sidan runt bordet parameter kommer att anpassa, som kan ställas in till vänster, center och höger.
Ställ rubriktaggen kommer att hjälpa paret
, som registrerar omedelbart efter den inledande taggen
.
Lite sträng parametrar. Färgen på cellerna i en rad in med bgcolor. Textjustering horisontellt kan göras med hjälp av parametern align (vänster, mitten eller höger), vertikal - valign (antar värden toppen, mitten eller botten).
Om cellen kan noteras att bakgrundsfärgen och bakgrundsmönster ges för det med samma parametrar som för hela tabellen. Justera text Du kan använda align och valign parametrar.
Det finns också särskilda inställningar - colspan och rowspan. Med den första kan ställa in antalet kolumner, vilket kommer att förlänga cellen. Den andra anger antalet rader för vilka en given cell kan sträcka sig.
Det är desto mer användbara alternativ.
färg Tabell
Låt oss säga några ord om sådana användbara saker som färgtabellen. Med hjälp av sidbakgrunden är inställd, färgen på text, länkar och andra element. Färgtabell innehåller omkring 216 färger. Var och en av dem har sin egen hex kod.
Koden själv börjar med en fyrkant och består av tre par siffror eller bokstäver. Till exempel den gröna färgen i tabellen har koden # 007F0. Varje par representerar intensiteten hos en av de tre grundfärgerna - rött, grönt och blått. Med hjälp av tabellen kan du välja den färg du vill och ställa in den med hjälp av koden.
Om du inte kan använda tabellen, kan du ställa in färgen med sitt namn på engelska.
innehåll
Några ord om innehållet. Naturligtvis, oftast vi kan se texten i en HTML-tabell, men det betyder inte att det är bara vi kan sätta dit. Och cellinjer kan också innehålla bilder, ljud- och videofiler, länkar.
För att placera text eller någon annan information i cellen (linje) bör ställa in den mellan de två taggarna. Till exempel:
namn . Det kommer att visa "Namn" i cellen.
Sätt grafisk information och mediafiler med hjälp av speciella taggar -
tips
Slutligen ger vi några användbara tips som hjälper dig att snabbt skapa en HTML-tabell av komplexitet.
När du skriver tabell rekommenderar att du först registrera sig taggar bord och dess viktigaste parametrarna. Sedan rader lista taggarna. Varje par starta en ny linje. Så du kommer att se hur många rader i tabellen. Också listar parametrarna för rad eller rader, om de skiljer sig från grundläggande. Då rekommenderar vi att börja registrera varje cell som en ny rad. Det är önskvärt att göra en eller två indrag Tab från kanten. Således kommer du helt klart se strukturen av koden.
Innehållet i celler och rader uppmanas att registrera så tidigt som i slutet, när ramen i tabellen är redo.