Страница с расписанием

У сайта обычно больше одной страницы. У нашего будет вторая — с расписанием: когда идёт каждый фильм и в каком зале.

Мы добавили в редактор файл showtimes.html. Теперь он первый среди файлов, поэтому предпросмотр показывает его. В нём уже есть head, а в main — заголовок, абзац и расписание обычным текстом, где столбцы разделены символом |.

Те же шапка и подвал. Посетители ожидают, что у каждой страницы сайта одинаковые шапка и подвал: так всегда можно попасть куда нужно и понять, где ты находишься. На маленьком сайте, как наш, у каждой страницы просто своя копия. Скопируйте их из index.html: выделите весь элемент header от <header> до </header>, скопируйте (Ctrl+C, на Mac Cmd+C), перейдите в showtimes.html и вставьте (Ctrl+V, на Mac Cmd+V). Потом сделайте то же с подвалом.

Таблица. Затем превратите расписание в таблицу с четырьмя столбцами: «День», «Время», «Фильм» и «Зал». Каждая строка текста станет строкой таблицы, а каждая часть между символами | — ячейкой. Сами символы | удалите.

Когда закончите, попробуйте ссылки в предпросмотре: Главная или логотип ведут на главную страницу, а Расписание или кнопка Смотреть афишу возвращают сюда. Ссылки работают, потому что оба файла лежат в одной папке, а относительные ссылки ищут файлы именно там.