Тег <div> використовується для розділення контенту на блоки. Він створює блочний елемент, який займає всю доступну ширину сторінки. За замовчуванням, розташовується на новому рядку і має значення display: block. Можна застосувати CSS стилі до <div> і задати йому власні класи і атрибути.
Тег <span> використовується для виділення або оформлення окремих частин тексту. Він не створює блокових елементів і за замовчуванням має значення display: inline. <span> може бути вкладений всередину інших тегів, таких як <p> або <h1>, і при цьому не змінює їх розмір або розташування.