Итак, мы установили все, что нужно, теперь надо настроить место, где вы сможете выполнять задания, тестировать примеры и прочее.

Допустим, мы выбрали самый доступный вариант из IDE - Visual Studio Code.

  1. Создаем папку, в которой будут храниться файлы, в самом удобном для вас месте

  2. Открываем Visual Studio Code и выбираем эту папку, через меню File > Open Folder

  3. Создаем новый файл, называем его index.html, тут будет располагаться наша первая веб страничка

    image.png

  4. У нас есть файл, теперь добавляем туда нашу первую разметку

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Web Page</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
</body>
</html>

Отлично! Сохраняем, и теперь у нас есть страничка! Открываем место расположения файла, кликаем на него два раза, и по умолчанию, документ должен открыться в Chrome, или в другом браузере. Вот, что мы должны увидеть

image.png

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

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