Come creare una Timeline HTML

HTML è un linguaggio di programmazione per strutturare i contenuti in una pagina web . Layout basati su colonne e righe sono indicati come le tabelle . L'uso di una tabella HTML è limitata solo dalla creatività . Le dimensioni delle singole celle tavolo, così come il loro rapporto di aspetto e colori di sfondo sono tutti personalizzabili . Mentre le tabelle HTML sono spesso utilizzati per organizzare i blocchi di testo e le immagini nel layout generale della pagina, usi più creativi possono generare visivamente accattivante oggetti grafici . Una cronologia è un buon esempio delle possibilità di una tabella HTML . Un impressionante display grafico di date e di eventi correlati può essere realizzato solo attraverso HTML . Cose che ti serviranno
browser
Show More Istruzioni

1 Creare un file HTML vuoto sul computer. Questo viene fatto facendo clic destro sul desktop e scegliendo " Nuovo> Documento di testo " e nominando il file con un qualsiasi cosa . Estensione html . Ad esempio, " timeline.html " .

2 Fare doppio clic sul file HTML per aprire in un browser web . Si mostrerà una schermata bianca vuota come il file HTML è vuoto.
3

Decidere l'orientamento della vostra timeline HTML . Esso può essere verticale o orizzontale. La maggior parte delle linee temporali sono suscettibili di visualizzare le date da sinistra a destra in senso orizzontale . Tuttavia, una grande quantità di dati o il testo nella timeline sarebbe più adatta per una visualizzazione verticale come schermo del computer hanno larghezza limitata .
4

Disegna la tua timeline su un pezzo di carta per capire meglio la sua grafica layout. Ricordate che la timeline sarà messo insieme con colonne e righe , anche se i loro confini sono invisibili nel prodotto finale .
5

Costruire una tabella HTML in file HTML . Tutti i tavoli avranno inizio con un tag

e terminare con un tag < /table> ( vedi riferimenti 1 ) . Aggiungi "border = 0 ", " cellpadding = 0 " , e " cellspacing = 0" attributi al tag così il vostro disegno non è suddiviso per default il rendering del browser .

Tra queste

reggilibri si trovano le cellule stesse . Ogni riga inizia con e terminare con < /tr> . Le celle di ciascuna riga inizierà con

e terminare con < /td> . La timeline "linea " si sarà una stringa di celle

senza contenuti e un colore uniforme . In un layout orizzontale , queste cellule sarà lunga e corta . Essi verranno posizionati adiacenti , tutti nella stessa riga . Il colore di sfondo è impostato con l'aggiunta del " bgcolor = " attributi all'interno dei tag

per la linea . Il loro " width" e " height" vengono impostate anche utilizzando questi attributi nella stessa maniera . 6 posizione risale su un lato della linea e le informazioni di testo corrispondente alla data dall'altro. In una disposizione orizzontale , per esempio , gli eventi sono descritti nelle cellule

della fila superiore , mentre le date sono indicate nelle cellule

della fila inferiore , con la fila di

colorato cellule in mezzo per visualizzare la linea . 7 Salvare il file HTML e aggiornare la schermata del browser . Timeline verrà visualizzato . La maggior parte dei documenti HTML richiedono notevoli tentativi ed errori per formattare correttamente . Eseguite le regolazioni necessarie , salvare e aggiornare il browser di nuovo finché non si è soddisfatti dei risultati . HTML Tutorial : Apice  Come correggere gli errori nei programmi  Informazioni correlate Come calcolare la differenza di orario con PHP Come lavorare con una casella combinata di Visual Basic Come creare database MySQL per l'installazione DSN Come impostare un DataTable DataGrid per popolare TreeView Come giocare Allarme file WAV da script PHP Come creare miniature JPG con PHP Come aprire un link nella stessa finestra quando si utilizza Frames Come trovare il Full Path nome di un file in Visual Basic Articoli consigliati Come fare un programma di Infinite Loop in base Informazioni sui diagrammi di flusso Qual è lo scopo di un operatore booleano ? Come codificare Black & White a X264 Come utilizzare SDF & SQL Connection Come rimuovere i duplicati in Prolog Come scrivere un programma Fortran Come ottenere i dati post di Apache2 mod_perl Motivi per utilizzare Prolog Come utilizzare una route statica persistente C /C + + Programming Computer Programming Languages Delphi Programming Java Programming Programmazione Javascript PHP /MySQL Programmazione Perl Programming Python Programming rubino Programmazione Nozioni di base di Visual Programming   Programmazione © www.354353.com