TAG SPAN

Тag SPAN, - определяет встроенные элементы документа. Если немного по-другому, то Тэг SPAN, - определяет оболочку (контейнер) для внутреннего текста.

В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью tag SPAN, можно выделить часть информации внутри других тегов, и установить для этой части свой стиль, отличный от окружающего. Как вариант для применения, Тег SPAN, можно использовать внутри параграфа (tag - P) можно изменить цвет и размер заглавной буквы, добавив в начальный и конечный tag SPAN, и определить для него стиль текста.

ПРИМЕРЫ ПРИМЕНЕНИЯ:

КАК ВАШИ ДЕЛА? ...   НЕДОЖДЕТЕСЬ!..

<span style="color:YELLOW;text-decoration:line-through;"><span style="color:RED">КАК ВАШИ ДЕЛА? ...НЕДОЖДЕТЕСЬ!..</span></span>

ЖИЗНЬ БЪЁТ КЛЮЧОМ, ДА ВОТ БОЛЬШЕ ПО ГОЛОВЕ, И ГАЕЧНЫМ...

<span style="color:WHITE;text-decoration:line-through;"><span style="color:RED">ЖИЗНЬ БЪЁТ КЛЮЧОМ, ДА ВОТ БОЛЬШЕ ПО ГОЛОВЕ, И ГАЕЧНЫМ...</span></span>

ВСЁ, ЧТО НАС НЕ УБИВАЕТ, ДЕЛАЕТ НАС СИЛЬНЕЕ...

<span style="color:darkorange;text-decoration:underline;"><span style="color:brown">ВСЁ, ЧТО НАС НЕ УБИВАЕТ, ДЕЛАЕТ НАС СИЛЬНЕЕ...</span></span>

ПОД ЛЕЖАЧИЙ КАМЕНЬ, ВОДЕ НЕ ТЕЧЁТ..

<span style="border:1px solid darkgray;"><span style="color:orange;">ПОД ЛЕЖАЧИЙ КАМЕНЬ, ВОДЕ НЕ ТЕЧЕТ..</span></span>

КРАСНАЯ ССЫЛКА на мой дневник ПОДЧЕРКНУТА БЕЛЫМ ЦВЕТОМ

<a data-cke-saved-href="<a href="//www.liveinternet.ru/users/merlinwebdesigner/" target="_blank">http://www.liveinternet.ru/users/merlinwebdesigner/</a> " href="<a href="//www.liveinternet.ru/users/merlinwebdesigner/" target="_blank">http://www.liveinternet.ru/users/merlinwebdesigner/</a> " target="_blank" style="color:WHITE;text-decoration:underline;"><span style="color:RED;">

ПОСАДИЛ ДЕД РЕПКУ, А РЕПКА ВЫШЕЛ, И ПОСАДИЛ ДЕДА НА ПИКУ...

<span style = "font-size: 100px;"><FONT FACE="Comic Sans MS"><FONT COLOR="#FF0000">П</FONT></FONT></span>ОСАДИЛ ДЕД РЕПКУ, А РЕПКА ВЫШЕЛ, И ПОСАДИЛ ДЕДА НА ПИКУ...

В ОТ ТАК ОНИ И ЖИЛИ, СПАЛИ ВРОЗЬ, А ДЕТИ БЫЛИ...

<span style = "font-size: 100px;"><FONT FACE="Monotype Corsiva"><FONT COLOR="#0000FF">В</FONT></span> ОТ ТАК ОНИ И ЖИЛИ, СПАЛИ ВРОЗЬ, А ДЕТИ БЫЛИ...</FONT>

От того, где мы пропишем второй закрывающий TAG - /FONT,

Текст после нашей "Буквицы", будет отображен тем же шрифтом, или вернется в свое исходное состояние, заданное стилем страницы. Во втором предложении этот тег поставлен только после многоточия, а в первом после буквы "С".