Полезные советы

После каждого изменения приходится сохранять файл index.html и обновлять страницу в браузере. Так и с ума сойти можно 🤪

Для автоматизации есть расширение Live Server в Visual Studio Code - оно будет автоматически сохранять ваш файл в случае изменений и перезагружать страницу.

Для этого слева в меню выберите Extensions (расширения), затем в поиске наберите “Live Server” и установите его по кнопке install

После установки перезапустите VSCode, внизу появится кнопка “Go Live”. Перейдите в файл index.html и нажмите кнопку “Go Live”. Файл index.html откроется в браузере по умолчанию

пс.

Это не у всех получается с первого раза - обращайтесь в чат в случае сложностей, покажите и расскажите что вы пытались сделать и что получилось, мы поможем

Про блочные и строчные теги

Теги <div> и <span> являются самыми популярными из базовых элементов в HTML, используются для оформления и структурирования содержимого веб-страницы. На их примере мы разберем разницу блочных и строчных элементов (тегов)

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

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