Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

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 .

 

Programmazione © www.354353.com