Урок 14 · HTML

Как разложить файлы первой страницы

Один файл index.html быстро обрастает картинками и стилями. Папки нужны до того, как пути сломаются.

Почему это следующий шаг

Якоря ссылаются на id. Обычные ссылки и картинки ссылаются на файлы, значит, у файлов должно быть постоянное место.

Как сделать

В корне лежит index.html. Картинки — в images, стили — в css, скрипты — в js. Имена папок и файлов пиши латиницей, без пробелов: lesson-card.jpg. Из index.html путь к картинке — images/lesson-card.jpg. Из файла в подпапке к корню поднимаются через ../. Не храни учебный проект на рабочем столе вперемешку с чужими файлами.

site/
  index.html
  css/styles.css
  images/cover.jpg
  js/main.js

Что проверить

• index.html открывается двойным щелчком и видит картинку.
• В адресах нет пробелов и русских букв.
• Стили лежат отдельно от страницы.