HTML er et edb-sprog til at strukturere indhold på en webside. Layout baseret på kolonner og rækker betegnes som tabeller . Anvendelsen af en HTML-tabel er kun begrænset af kreativitet . Størrelsen af de enkelte tabelceller, samt deres skærmformat og baggrundsfarver er alle tilpasses. Mens HTML-tabeller ofte bruges til at organisere blokke af tekst og billeder i det overordnede layout af en side, kan flere kreative anvendelser generere visuelt tiltrækkende grafiske objekter. En tidslinje er et godt eksempel på mulighederne for en HTML-tabel . En imponerende grafisk visning af relaterede datoer og begivenheder kan ske gennem HTML alene. Ting du skal en Web browser
Vis Flere Instruktioner
1

Opret en tom HTML-fil på din computer. Dette gøres ved at højreklikke på skrivebordet og vælge "Ny > Tekst dokument" og navngive filen noget med en . Html . For eksempel, " timeline.html " .
2

Dobbeltklik på HTML-filen til at åbne i en webbrowser. Det vil vise en blank hvid skærm som HTML-filen er tom .
3

Beslut om retningen af ​​din HTML tidslinjen. Det kan være lodret eller vandret . De fleste tidslinjer sandsynligvis vise datoer fra venstre mod højre vandret. Men en stor mængde data eller tekst i tidslinjen passer bedre det for en lodret skærm som computerskærm har begrænset bredde.
4

Tegn din tidslinje på et stykke papir, for bedre at forstå dens grafiske layout . Husk, at tidslinjen bliver stykket sammen ved hjælp af kolonne og rækker , selvom deres grænser er usynlige i det endelige produkt .
5.

Konstruer en HTML-tabel i HTML-filen . Alle tabeller vil begynde med en

tag og slutter med et tag ( se Referencer 1 ) . Tilføj "border = 0", " CELLPADDING = 0 " og " CELLSPACING = 0 " attributter til tag , så dit design ikke er brudt op af standardbrowser rendering.

Mellem disse

bogstøtter ligger cellerne selv. Hver række starter med og slutte med . De celler i hver række vil begynde med . Tidslinjen " line" i sig selv vil være en streng af

og slutte med	celler uden indhold og en ensartet farve. I et vandret layout , vil disse celler være lange og korte . De vil blive placeret ved siden af ​​hinanden , alle i den samme række. Baggrundsfarven indstilles ved at tilføje " bgcolor =" attribut inde i	tags for linjen. Deres " width " og " højde" er også angivet ved hjælp af disse attributter på samme måde . 6 Position daterer den ene side af den linje, og teksten oplysninger, der svarer til datoer på den anden. I en vandret layout , for eksempel , er de begivenheder beskrevet i	celler i øverste række , mens de datoer er noteret i	celler i den nederste række , med rækken af farvede	celler i mellem at vise linjen. 7 Gem HTML-filen og opdatere browseren skærmen. Din tidslinje vil blive vist. De fleste HTML-dokumenter kræver store trial and error at formatere korrekt . Foretage de nødvendige justeringer , gemme og opdatere browseren igen, indtil du er tilfreds med resultatet.

Forrige ： HTML Tutorial : Hævet

næste ： Sådan Fix Fejl i Programmer