Створення сайту

#6 – Додаткова сторінка на сайті

#6 – Додаткова сторінка на сайті

У цьому уроці ми створимо окрему HTML-сторінку для сайту. Ми налаштуємо перехід між сторінками та розробимо весь дизайн. У підсумку в нас буде нова сторінка «Про нас» з дизайном.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Створення окремої сторінки на сайті, побудованому з використанням лише HTML і CSS, є базовою навичкою веб-розробки. Давайте розглянемо покроковий посібник зі створення нової сторінки та організації посилань між сторінками вашого сайту.


Крок 1: Створення нової HTML сторінки

Для початку вам потрібно створити новий HTML файл. Припустимо, у вас уже є головна сторінка index.html, і ви хочете створити додаткову сторінку about.html, присвячену інформації про вас або ваш проєкт.


Створіть новий файл у тій самій папці, де знаходиться ваш index.html, і назвіть його about.html.


Крок 2: Створення посилань між сторінками

Щоб забезпечити навігацію між вашими сторінками, використовуйте елемент <a> в HTML. Додайте посилання на вашу нову сторінку about.html на головній сторінці index.html і навпаки.


На головній сторінці (index.html) додайте:

<a href="about.html">Про сайт</a>

Тепер, коли користувачі натискають на ці посилання, вони будуть перенаправлені між вашою головною сторінкою та сторінкою "Про сайт".

Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Создание адаптивного сайта
Відеокурс з PHP, MySQL / Створення динамічного сайту
Изучение HTMX с нуля / Проект на HTMX и Flask
Вивчення HTML для початківців з нуля!
18 уроків
Сучасна верстка адаптивного веб-сайту
Коментарі
Додати коментар

Поки що коментарів немає