Строчные элементы Span
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 26 из 60.
Что если у нас есть предложение и нам нужно выделить только одно слово или его небольшую часть? Мы можем использовать тег <span>! Он помогает нам применять стили или вносить изменения только в определенную часть текста, не затрагивая остальное.
Вот базовый синтаксис использования span в HTML:
<span>This is some text.</span>Вот пример того, как использовать теги span для выделения части текста внутри абзаца:
<p>This is a <span style="color: blue;">blue</span> word.</p>В этом примере слово «blue» будет отображаться синим цветом.
Мы узнаем об атрибуте style позже!
Задание
ЛегкоДан HTML-документ с абзацем. Ваша задача — использовать тег <span>, чтобы обернуть текст "qwerty12345".
Шпаргалка
Тег <span> используется для применения стилей или внесения изменений в определенную часть текста, не затрагивая остальное.
Базовый синтаксис:
<span>This is some text.</span>Пример со встроенными стилями:
<p>This is a <span style="color: blue;">blue</span> word.</p>Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2