Я не відразу зміг запам’ятати, яка різниця між цими теґами :)

Отже,

<div>…</div> – блочний елемент, призначений для виділення фрагмента документа з метою змінити вигляд цього фрагмента. Як правило, вигляд задається за допомогою стилів. Для того, щоб не описувати щоразу стиль всередині теґа, можна виділити стиль у зовнішню таблицю стилів, а для теґа додати параметр class або id з іменем селектора.

Як і при використанні інших блочних елементів, вміст теґа < div> завжди починається з нового рядка. Після нього також автоматично додається розрив рядка.

Параметри:

align – задає горизонтальне вирівнювання вмісту теґа;

title – додає до вмісту підказку, що з’являється при наведені миші.

<span>…</span> – цей  теґ призначений для визначення вбудованих елементів документа. На відміну від блочних елементів, таких, як <table>, <p> або <div>, за допомогою цього теґа можна виділити частину інформації всередині інших теґів і встановити для неї особливий стиль.

Наприклад, всередині параграфа (теґа <p>) можна змінити колір та розмір першої букви, якщо додати до неї відкриваючий та закриваючий теґи <span> і визначити для нього стиль тексту. Для того, щоб не описувати щоразу стиль всередині теґа, можна виділити стиль у зовнішню таблицю стилів, а для теґа додати параметр class або id з іменем селектора.