Cum se creează o cronologie interactivă cu HTML

Pasul 1

Creați fișierul HTML. Deschideți un document nou într-un program de editor de text și creați o pagină HTML de bază. Adăugați acest cod în secțiunea "corp" a paginii:

Elementul de divizare ("div") este un container pentru lista de evenimente de pe cronologie. Valoarea "depășire" a automatului adaugă o bară de derulare interactivă atunci când linia temporală devine mai mare sau mai înaltă decât containerul. Salvați această pagină ca "timeline.html".

Pasul 2

Creați conținutul liniei cronologice. În spațiul dintre etichetele "div" de deschidere și închidere, adăugați evenimentele în ordine descendentă sau ascendentă. Adăugați fiecare eveniment cu o secțiune HTML bine formată. Păstrați în mod constant pagina în timp ce lucrați la ea.

Pasul 3

Testați-vă codul HTML Deschideți browserul Web al computerului și încărcați fișierul "timeline.html". Dacă conținutul este mai mare decât containerul "div", veți vedea o bară de derulare interactivă. Reglați valorile "lățime" și "înălțime" pentru a se potrivi cu aspectul vertical sau orizontal al paginii dvs.