«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML



Тег <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

HTML по шагам

Тематические публикации

Тематические публикации