Как добавить новую страницу в HTML
Главная › Разработка › Ruby ›

Как добавить страницу в html

Как добавить страницу в html

Создание дополнительной страницы в HTML начинается с формирования отдельного файла с расширением .html. Каждая новая страница должна иметь собственное имя, например about.html или contacts.html, чтобы браузер и сервер могли корректно обрабатывать запросы к ней.

Чтобы связать новую страницу с остальными, используют тег <a href=»…»>. Например, ссылка из index.html на страницу about.html позволит пользователю переходить между ними. Такая навигация формирует основу структуры сайта, где каждая страница логично вписана в общую систему.

Если проект хранится на сервере, важно загрузить все новые HTML-файлы в ту же директорию или корректно указать путь. Несоответствие структуры папок и ссылок приведет к ошибкам перехода и недоступности контента.

Создание нового HTML-файла с базовой структурой

Создание нового HTML-файла с базовой структурой

Для добавления новой страницы создаётся отдельный файл с расширением .html. Имя файла должно отражать его назначение, например about.html или contacts.html.

  1. Откройте любой текстовый редактор (Visual Studio Code, Sublime Text, Notepad++).
  2. Создайте новый файл и сохраните его с расширением .html в папке проекта.
  3. Вставьте минимальный каркас документа:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Новая страница</title>
</head>
<body>
</body>
</html>

Обязательные элементы структуры:

  • <!DOCTYPE html> – указывает браузеру современный стандарт HTML5.
  • <html lang="ru"> – задаёт язык содержимого, что важно для поисковиков и ассистивных технологий.
  • <meta charset="UTF-8"> – обеспечивает корректное отображение русских символов.
  • <meta name="viewport"> – делает страницу адаптивной на мобильных устройствах.
  • <title> – название вкладки и основной элемент для SEO.

После сохранения файл можно открыть в браузере двойным щелчком или через локальный сервер для проверки работы.

Связывание новой страницы через навигационное меню

Связывание новой страницы через навигационное меню

Чтобы пользователь мог перейти на созданную страницу, необходимо добавить ссылку в существующее меню навигации. Обычно оно оформлено в виде списка внутри тега