Тег <span> является строчным элементом и используется для выделения и преобразования фрагмента страницы.
Можно сказать, что часть содержимого страницы помещается в некий контейнер, к которому применяют стилевое оформление.
С помощью тега <span> можно выделить часть содержимого, расположенного внутри других тегов (например внутри блочных элементов - таких как <div> , <p>...) и задать для него определенный стиль.
Cтили задаются с помощью тега <style>
О блочных и строчных элементах (подробнее здесь...).
Закрывающий тег
Обязателен
Тег SPAN не имеет атрибутов
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег span </title>
<style>
.name{background :#00FFCC; width:400px; border:1px solid #CC0033; color:#666666; padding:5px;}
</style>
</head>
<body>
<p align="center" class="name"> Я заключил в тег span <span style="color:#FFFF00;
font-size:24px;"> два слова </span> данного <br>
абзаца и задал для них стилевое оформление. <br>
Хотя для всего абзаца уже было задано свое оформление. </p>
<p> <span style="font-family:Arial, Helvetica, sans-serif; font-size:36px;
color:#FF3300;"> З</span>адан стиль только для первой буквы абзаца! </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Тег span </title>
<style>
.name{background :#00FFCC; width:400px; border:1px solid #CC0033; color:#666666; padding:5px;}
</style>
</head>
<body>
<p align="center" class="name"> Я заключил в тег span <span style="color:#FFFF00;
font-size:24px;"> два слова </span> данного <br>
абзаца и задал для них стилевое оформление. <br>
Хотя для всего абзаца уже было задано свое оформление. </p>
<p> <span style="font-family:Arial, Helvetica, sans-serif; font-size:36px;
color:#FF3300;"> З</span>адан стиль только для первой буквы абзаца! </p>
</body>
</html>
Результат
