Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
В предыдущем уроке познакомились с блочным элементом <div>.
Элемент <span> является универсальным строчным элементом. Чем тег <span> отличается от <div>? Элемент <div> - это блок, «над» и «под» которым есть отступ. У элемента <span> отступов сверху и снизу нет. Рассмотрим пример для понимания:
Длинный текст, <div>очень длинный</div> и красивый текст
Посмотрите, фразы Длинный текст,, очень длинный, и красивый текст на трех разных строках. Теперь заменим тег <div> на универсальный строчной элемент <span>:
Длинный текст, <span>очень длинный</span> и красивый текст
Как видите, текст на одной строке, это и есть отличие тега <span> от <div>. В следующем уроке познакомитесь с тегом <iframe>.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
