Теория урока

76. Строчной элемент SPAN в HTML

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

76. Строчной элемент SPAN в HTML

Элемент <span> является универсальным строчным элементом. Чем span отличается от div? div элемент - это блок, над и под которым отступ, а у элемента span отступов сверху и снизу нет. Рассмотрим пример первый для понимания.

Пример 1

Длинный текст, <div>очень длинный</div> и красивый текст

Если вы проверите, то увидите, что Длинный текст,, очень длинный, и красивый текст на трех разных строках. Посмотрим на второй пример, где вместо div мы написали span

Пример 2

Длинный текст, <span>очень длинный</span> и красивый текст

Вы увидите, что текст на одной строке. Это и есть отличие, тега <span> от <div>.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

Селекторы классов и идентификаторовСелекторы в CSS

Строковые функции в PHPКурс по PHP

Свойство displayФорматирование

Структура документа: дочерние элементы в CSSСелекторы в CSS

Несколько классовСелекторы в CSS

Общая информация и форматирование таблицВерстка таблиц

Позиционирование элементов свойством positionПозиционирование

Группировка элементов в HTML-формах (FIELDSET, LEGEND)Формы в HTML

Группировка элементов списка в HTML (OPTGROUP)Формы в HTML

Предыдущий урок «75. Блочный элемент DIV в HTML» Следующий урок «77. Плавающий фрейм IFRAME в HTML»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например: сохранение прогресса прохождения уроков, участие в рейтинге среди пользователей, прохождение тестов, просмотр внешних ссылок и скриншотов в некоторых курсах), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Выделите тегом span слово выполняй.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.