Теория урока
90. Строчной элемент SPAN в HTML
Элемент <span> является универсальным строчным элементом. Чем span отличается от div? div элемент - это блок, над и под которым отступ, а у элемента span отступов сверху и снизу нет. Рассмотрим пример первый для понимания.
Пример 1
Длинный текст, <div>очень длинный</div> и красивый текстЕсли вы проверите, то увидите, что Длинный текст,, очень длинный, и красивый текст на трех разных строках. Посмотрим на второй пример, где вместо div мы написали span
Пример 2
Длинный текст, <span>очень длинный</span> и красивый текстВы увидите, что текст на одной строке. Это и есть отличие, тега <span> от <div>.
Похожие уроки и записи блога
Свойство background для работы с фономЦвета и фон
Знакомимся с Flexbox в CSSЗнакомство с Flexbox
Урок 3. Генерация SSH-ключа для работы с GitHubБлог
Свойство z-index для определения уровня элементаПозиционирование
Отношения между множествами и операции над нимиЗнакомство с Python
Конкатенация и сортировка списков в PythonЗнакомство с Python
Обработка исключений (try/except) в PythonЗнакомство с Python
Условная инструкция if-elif-else в PythonЗнакомство с Python
Селекторы атрибутов: по частичному значениюСелекторы в CSS
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.
- Выделите тегом
spanслововыполняй.
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.
Это займет не больше минуты.