Народ, всем привет. В среде веб-разработки есть теги, которые видны и понятны сразу, ну например, <h1> или <img>, а есть такие, которые играют некую вспомогательную роль. Один из самых часто используемых и универсальных тегов второго типа, это <span> (кстати, мой любимчик). Несмотря на простоту, он является довольно мощным инструментом для оформления и, скажем, структурирования текста на веб-страницах. Давайте сегодня, в этой статье мы подробно разберем, что такое <span>, зачем он нужен, как его правильно применять, и я покажу его действие на примерах из практики...

1. Тег p. Изучение тегов для работы с текстом начнем с тега p, при помощи которого создаются абзацы. По умолчанию абзацы начинаются с новой строки и по ширине растягиваются от левого до правого окна браузера, т.е. на всю доступную ширину. Если создать подряд 2 абзаца с текстом, то мы увидим, что между ними расстояние больше, чем между строк внутри абзацев. Кроме того, обратите внимание, что, помимо отступов сверху и снизу между абзацами, мы также нигде не указывали ни размер шрифта, ни его цвет. Соответственно, возникает 2 логических вопроса: какие характеристики у нашего текста на текущий момент и как их можно изменить? Ответ на первый вопрос довольно прост...