Создание сайта

#6 – Дополнительная страница на сайте

#6 – Дополнительная страница на сайте

В этом уроке мы создадим отдельную HTML страницу для сайта. Мы настроим переход между страницами и разработаем весь дизайн. По итогу у нас будет новая страница «Про нас» с дизайном.

Видеоурок

Создание отдельной страницы на сайте, построенном с использованием только 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 уроков
Изучение HTMX с нуля / Проект на HTMX и Flask
8 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение HTML5 для начинающих!
18 уроков
Создание адаптивного сайта
4 урока
Современная вёрстка адаптивного веб-сайта
Комментарии
Добавить комментарий

Пока комментариев нет