Информация о файлах cookie на этой странице

Наш сайт использует файлы cookie, чтобы обеспечивать его работу, а также собирать и анализировать данные о работе и использовании сайта. Политика конфиденциальности

  • Курсы
    • Discord
    • Twitter
    • Linkedin
    • Facebook
    • Instagram
  • Тарифы
  • English
  • Čeština
  • Deutsch
  • Русский
ВойтиНачать бесплатно
  • Курсы
  • Тарифы

Сообщество

Войти
  
  • Курсы
    • Discord
    • Twitter
    • Linkedin
    • Facebook
    • Instagram
  • Тарифы
  • English
  • Čeština
  • Deutsch
  • Русский
ВойтиНачать бесплатно
  • Курсы
  • Тарифы

Сообщество

Войти

Страницы, файлы и ссылки

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

Где хранятся такие файлы? На сервере — компьютере, который всегда включён и подключён к интернету и чья работа — отправлять файлы всем, кто их запрашивает. Каждая страница, которую вы когда-либо открывали, пришла с какого-нибудь сервера в мире.

У каждой страницы есть адрес, который называется URL, например https://www.example.com/about.html. Он состоит из двух частей: https://www.example.com — это адрес сервера, а /about.html — путь к файлу на нём. Когда вы открываете такой адрес:

  1. Браузер просит у сервера www.example.com файл about.html.
  2. Сервер находит файл и отправляет его браузеру.
  3. Браузер читает HTML и узнаёт, что странице нужен ещё и style.css (а может быть, и скрипт), поэтому просит у сервера и их.
  4. Когда у него есть всё нужное, он рисует страницу.

Страницы ведут друг к другу через ссылки. Ссылка пишется с помощью тега a:

<a href="about.html">Обо мне</a>

href сообщает, куда ведёт ссылка, а текст между тегами — это то, на что вы нажимаете. В этой ссылке нет адреса сервера, только имя файла, поэтому браузер ищет about.html на том же сервере и в той же папке, что и текущая страница. Нажатие запускает весь путь заново: браузер запрашивает файл, получает его и рисует новую страницу.

Задание

  1. 1

    В файле index.html добавьте ссылку на вторую страницу на новой строке сразу под <p id="message"></p>: <a href="about.html">Обо мне</a>. Запустите страницу, нажмите на ссылку в окне предпросмотра, а затем на ссылку обратно на главную.

Назад

4/5

  1. 1. Веб-страница — это текст
  2. 2. CSS для внешнего вида
  3. 3. JavaScript оживляет страницу
  4. 4. Страницы, файлы и ссылки
  5. 5. Путь впереди
Далее

Начните программировать бесплатно

Регистрируясь, вы принимаете Условия использования и Политику конфиденциальности.

Или зарегистрируйтесь через: