какая функция и что делает тег span в html

Тег предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как ,

или , с помощью тега можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри абзаца (тега

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

тут подробнее.

тэг p переносит на следующую строку, а тэг span не переносит. Вот пример:

My <span>span</span> text 
<br><br><br> 
my <p>p</p> text