HTML er en datamaskin språk for å strukturere innholdet på en nettside . Oppsett basert på kolonner og rader er referert til som tabeller. Bruken av en HTML-tabell er bare begrenset av kreativitet . Størrelsen av de enkelte bord celler , så vel som deres sideforhold og bakgrunnsfarger er alle tilpasses. Mens HTML-tabeller brukes ofte for å organisere blokker med tekst og bilder i den generelle utformingen av en side, kan mer kreativ bruk generere visuelt tiltalende grafiske objekter . En tidslinje er et godt eksempel på mulighetene for en HTML-tabell . En imponerende grafisk visning av relaterte datoer og hendelser kan oppnås gjennom HTML alene. Du trenger en Web browser
Vis flere instruksjoner
en
Opprett en tom HTML -fil på datamaskinen din . Dette gjøres ved å høyreklikke på skrivebordet og velge " Ny> Tekst dokument" og navngi filen noe med en . Html . For eksempel " timeline.html " .
2
Dobbeltklikk på HTML -filen skal åpnes i en nettleser. Det vil vise en blank hvit skjerm som HTML-filen er tom.
3
Bestem på orientering av HTML tidslinjen. Det kan være vertikal eller horisontal . De fleste tidslinjer er sannsynlig å vise datoer fra venstre til høyre horisontalt . Imidlertid kan en stor mengde data eller tekst i tidslinjen bedre passer det for en vertikal skjerm som dataskjerm har begrenset bredde.
4
Tegn en tidslinje på et stykke papir for å bedre forstå sin grafiske layout. Husk at tidslinjen vil bli satt sammen ved hjelp av kolonne og rad , selv om deres grenser er usynlige i det endelige produktet .
5
Konstruer en HTML-tabell i HTML-filen . Alle tabeller vil starte med en tag og slutt med en < /table > tag ( se referanser 1 ) . Legg til " border = 0 ", " cellpadding = 0 " , og " cellspacing = 0 " attributter til tag slik at designen ikke er brutt opp av standard nettleser rendering.
Mellom disse
markørene ligger de cellene selv . Hver rad skal begynne med og avsluttes med < /tr > . Cellene i hver rad vil begynne med | og avsluttes med < /td > . Tidslinjen "linje" i seg selv vil være en streng på | celler uten innhold og en jevn farge . I en horisontal utforming , vil disse cellene være lange og korte. De vil bli plassert ved siden av hverandre , alle i den samme raden . Bakgrunnsfargen er satt ved å legge til " bgcolor =" attributt inne i | koder for linjen. Deres "width " og " height" er også satt ved hjelp av disse attributtene på samme måte .
6 Position datoer på den ene siden av linjen og tekstinformasjon tilsvarende datoer på den andre. I en horisontal utforming , for eksempel, er de forhold som er beskrevet i de | cellene i den øverste raden, mens datoene er angitt på de | cellene i den nederste raden , med raden av farvet | celler i mellom for å vise linjen.
7 Lagre HTML-filen og oppdatere nettleseren skjermen. Tidslinjen vises. De fleste HTML-dokumenter kreve betydelig prøving og feiling for å formatere riktig . Gjør eventuelle nødvendige justeringer , lagre og oppdatere nettleseren igjen til du er fornøyd med resultatene.
|
