Зміст
Графік - це корисний спосіб показати список подій на веб-сторінці, а інтерактивна шкала дає користувачам контроль над переглядом вмісту. Хоча існує безліч способів створити інтерактивну шкалу часу, багатьом потрібен більше, ніж HTML. Однак існує дуже просте рішення HTML: ви можете створювати інтерактивні смуги прокрутки на вашій шкалі часу за допомогою атрибута HTML "style". Роблячи це, користувачі зможуть вільно пересувати вміст.
Крок 1
Створіть свій HTML-файл. Відкрийте новий документ у текстовому редакторі та створіть базову HTML-сторінку. Додайте цей код у розділ "body" HTML:
Розділювач ("div") - це контейнер для списку подій на вашій часовій шкалі. Значення "auto" у "overflow" додає інтерактивні смуги прокрутки, коли часова шкала довша або ширша за контейнер. Збережіть сторінку як "timeline.html".
Крок 2
Створіть вміст. У пробіл між тегами "div" додайте події на часовій шкалі у порядку зростання чи зменшення. Додайте кожну подію у свій власний добре сформований розділ HTML. Постійно зберігайте сторінку під час роботи.
Крок 3
Перевірте свій HTML-код. Відкрийте файл "timeline.html" у веб-браузері вашого комп'ютера. Якщо вміст більше, ніж контейнер "div", ви побачите інтерактивну смугу прокрутки. Відрегулюйте значення "ширини" та "висоти" контейнера відповідно до вертикального або горизонтального ходу.