Как да създадем интерактивна хронология с HTML

Стъпка 1

Създайте своя HTML файл. Отворете нов документ в програма за текстов редактор и създайте основна HTML страница. Добавете този код в секцията "body" на страницата:

Елементът за разделяне ("div") е контейнер за списъка с събития от вашата хронология. Стойността "препълване" на "авто" (автоматизация) добавя интерактивна лента за превъртане, когато времето ви се увеличи или се покачи по-високо от контейнера. Запазете тази страница като "timeline.html".

Стъпка 2

Създайте съдържанието на хронологията си. В интервала между маркерите "div" за отваряне и затваряне добавете събитията в низходящ или възходящ ред. Добавете всяко събитие със собствен добре оформен HTML секция. Поддържайте постоянно страницата, докато работите върху нея.

Стъпка 3

Тествайте вашия HTML код Отворете уеб браузъра на компютъра си и заредете файла "timeline.html". Ако съдържанието е по-голямо от контейнера "div", ще видите интерактивна лента за превъртане. Регулирайте стойностите "ширина" и "височина", за да съответства на вертикалното или хоризонталното оформление на вашата страница.