<span>: полезный тег для стилизации и выделения определенного фрагмента текста
<span> - один из самых многофункциональных тегов в HTML. Он позволяет оформлять и выделять определенные фрагменты текста на веб-странице. Тег <span> не отображается как отдельный блок, но позволяет применять к нему различные стили, классы и идентификаторы. Благодаря этому тегу можно изменять цвет, размер, шрифт и другие свойства текста. Кроме того, используя <span>, можно добавлять специальные стили к определенным словам или фразам, делая их более выразительными и привлекательными для пользователей.
![](https://forum.academy/uploads/default/original/2X/0/0290136b364ea0cd8e2a824a5448f48ee71a3251.jpg)
![](https://img.youtube.com/vi/x2Miug6g9wU/0.jpg)
HTML5 для начинающих / Урок #12 – Теги «Div» и «Span»
Для использования тега <span> достаточно обернуть нужный фрагмент текста в открывающий и закрывающий теги. Например: <span>текст</span>. Это пример использования тега без применения стилей.
![](https://image.slidesharecdn.com/netcate-090613122226-phpapp01/85/netcate-33-320.jpg?cb=1670558731)
![](https://img.youtube.com/vi/PvseAcx7Ro8/0.jpg)
Курс HTML/CSS Advanced - HTML-теги DIV, SPAN
![](https://i.ytimg.com/vi/ylLIsRfqhc8/maxresdefault.jpg)
![](https://img.youtube.com/vi/g9Mn44C4-J4/0.jpg)
#8 HTML \u0026 CSS С НУЛЯ ДЛЯ НАЧИНАЮЩИХ - Тег Span
Чтобы применить стили к тегу <span>, можно добавить атрибут style и указать в нем нужные свойства. Например: <span style=color: red; font-weight: bold;>текст</span>. Такой код изменит цвет текста на красный и сделает его полужирным.
![](https://idg.net.ua/blog/wp-content/uploads/chapter-01-html-span-and-css.png)
![](https://img.youtube.com/vi/aZnoV0QePnw/0.jpg)
Spreads Search System / ОБЗОР
![](https://forum.academy/uploads/default/original/2X/4/429e1fd0039c987127f38233a60d31c6d2324e3d.png)
Вместо атрибута style можно использовать классы или идентификаторы, определенные в CSS. Например: <span class=highlight>текст</span>. В CSS можно указать нужные свойства для класса highlight и все фрагменты с этим классом на странице будут применять эти стили.
![](https://img.youtube.com/vi/dSUblex7O0g/0.jpg)
#41 Строчный тег span в языке html