Wie man eine Zeitleiste mit HTML machen

Eine Zeitachse kann erheblichen Mehrwert zu Ihrer Website hinzufügen. Ihre Website-Besucher können eine historische Referenz hinsichtlich einer Reihe von Veranstaltungen, oder Team-Mitglieder können einen Projektplan zu lesen und befolgen on-line haben.

Anweisungen

1 Ihr HTML-Dokument zur Bearbeitung zu öffnen. Blättern Sie zu den < Body >-Tags Tabellencode für die Zeitachse hinzufügen.

2 Geben Sie < Tabellenrahmen = "1" Cellpadding = "3" Cellspacing = "3" > in der ersten verfügbaren Zeile, die Zeitleiste angezeigt werden innerhalb Ihrer < Body >-Tags soll. Rahmen der Tabelle legt den Raum um den Rand des Tisches, die Cellpadding Fügt Leerzeichen innerhalb jeder Zelle in der Zeitleiste und das Cellspacing legt der Abstand zwischen den Zellen. Ersetzen Sie diese Zahlen durch Ihre eigenen Möglichkeiten.

3 Gehen Sie bis in die nächste Zeile und geben Sie < Beschriftung ausrichten = "top" > Timeline Titel < / caption > und mit Ihren eigenen Titel für die Timeline Timeline Titel zu ersetzen.

4 Geben Sie in der nächsten Zeile < tr >< th > < /th >< th > Beschreibung < /th >< / tr > Zeit. Dies ist der Code, der Ihren Header für die Zeitachse---festgelegt wird es schafft zwei Spalten für die "Zeit" und "Beschreibung" der Zeitplan. Ersetzen Sie diese beiden Wörter mit Ihrer eigenen Sprache, wenn Sie möchten.

5 Geben Sie im < tr >< td > Mai 2010 </td >< td > </td >< / tr > Eröffnung der Website auf der Linie, danach. Dies ist der erste Eintrag auf der Zeitachse. Ersetzen Sie "Mai 2010" und "Eröffnung der Website" mit Ihren eigenen Timeline-Eintrag.

6 Kopieren Sie und fügen Sie die Zeile des Codes aus dem vorherigen Schritt so oft wie Sie benötigen, um alle Zeilen für den Zeitplan zu erstellen. Füllen Sie die richtigen Informationen zu den Beispieltext zu ersetzen.

7 Schließen Sie die Tabelle mit < / table >. Speichern und Ihre HTML-Timeline in einem Webbrowser anzeigen. Ändern Sie den Text, und fügen Sie weitere Einträge wie Sie es für richtig halten.