Hur man skapar en HTML Tidslinje

HTML är ett datorspråk för att strukturera innehållet på en webbsida . Layouter baserat på kolumner och rader kallas tabeller. Användningen av en HTML-tabell begränsas endast av kreativitet. Storleken på de enskilda tabellceller , liksom deras bildformat och bakgrundsfärger är all anpassade . Medan HTML-tabeller används ofta för att organisera block av text och bilder i den övergripande utformningen av en sida , kan mer kreativa användningsområden genererar visuellt tilltalande grafiska objekt . En tidslinje är ett bra exempel på möjligheterna till en HTML-tabell . En imponerande grafisk visning av relaterade datum och händelser kan ske genom HTML ensam . Saker du behöver
webbläsare
Visa fler instruktioner
1

Skapa en tom HTML-fil på din dator . Detta görs genom att högerklicka på skrivbordet och välja " Nytt > Text Document " och namnge filen något med en . Html förlängning . Till exempel , " timeline.html " .
2

Dubbelklicka på HTML- filen ska öppnas i en webbläsare . Det kommer att visa en tom vit skärm som HTML-filen är tom .
3

Besluta om inriktningen av din HTML tidslinje . Det kan vara vertikal eller horisontell . De flesta tidslinjer visar sannolikt datum från vänster till höger horisontellt . Däremot kan en stor mängd data eller text i tidslinjen passar bättre för en vertikal skärm som datorskärm har begränsad bredd .
4

Rita din tidslinje på ett papper för att bättre förstå sin grafiska layout . Kom ihåg att tidslinjen ska pusslas ihop med hjälp av kolumn och rader , även om deras gränser är osynliga i den slutliga produkten .
5

Konstruera en HTML-tabell i HTML-filen . Alla tabeller kommer att börja med en

tagg och avsluta med en < /table > taggen ( Se referenser 1 ) . Lägg " border = 0 " , " cellpadding = 0 " , och " cellspacing = 0 " attribut till taggen så din design inte bryts upp som standard webbläsare rendering .

Mellan dessa

bokstöden ligger cellerna själva . Varje rad inleds med och avslutas med < /tr > . Cellerna i varje rad börjar med

och avslutas med < /td > . Tidslinjen "linje" i sig kommer att vara en sträng av

celler utan innehåll och en enhetlig färg. I en horisontell layout , kommer dessa celler att bli lång och kort . De kommer att placeras intill varandra, alla i samma rad . Bakgrunden color anges genom att lägga till " bgcolor = " attribut inuti

taggar för linjen. Deras " width " och "height " sätts också använder dessa attribut på samma sätt . 6 Position går på ena sidan av linjen och textinformation motsvarande datum på den andra . I en horisontell uppställning , till exempel, är de händelser som beskrivs i

cellerna i den översta raden , medan de datum finns beskrivna i

cellerna i den nedre raden , med raden av färgade

celler i mellan att visa linjen . 7 Spara HTML-filen och uppdatera webbläsarfönstret . Din tidslinje visas . De flesta HTML-dokument kräver avsevärda trial and error för att formatera korrekt . Gör nödvändiga justeringar , spara och uppdatera webbläsaren igen tills du är nöjd med resultatet .

Tidigare: HTML Tutorial : Upphöjd

nästa: Hur att åtgärda fel i program