Строчные элементы
Описание
Исторически HTML-элементы было принято делить на блочные и строчные.
Cтрочные элементы это те, которые занимают только то пространство, которое ограничено тегами, определяющими строчный элемент (необходимое для отображения их содержимого) и не нарушая потока содержимого (не требующее новой строки после каждого элемента).
Как правило, встроенные элементы могут содержать только данные и другие встроенные элементы. Вы не можете помещать элементы блока внутри встроенных элементов.
Ниже в таблице приведён полный список всех строчных элементов.
Таблица
| Тег | Описание |
|---|---|
| Тег <a> | Создаёт ссылку, гиперссылку или якорь |
| Тег <abbr> | Определяет текст как аббревиатуру или акроним |
| Тег <acronym> | Определяет текст как акроним. Устарел и не поддерживается в HTML5. Вместо него используйте тег <abbr> |
| Тег <audio> | Загружает звуковой контент на веб-страницу |
| Тег <b> | Задает полужирное начертание текста и не несет смысловой нагрузки (в том числе для поисковых систем) |
| Тег <basefont> | Задает цвет, размер и шрифт по умолчанию для всего текста в документе. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <bdi> | Изолирует отрывок текста, написанный на языке, в котором чтение текста происходит справа налево, от остального текста |
| Тег <bdo> | Устанавливает направление текста в выбранном фрагменте |
| Тег <big> | Увеличивает размер текст на одну условную единицу. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <blink> | Устанавливает мигание текста. Устарел и не поддерживается в HTML5. Вместо него используйте CSS стили |
| Тег <br> | Переносит текст на новую строку |
| Тег <button> | Создает кликабельную кнопку. Тег может содержать текст или изображение |
| Тег <canvas> | Используется для создания разных объектов (рисунков, анимации, фото композиции и т.д.) при помощи Javascript скриптов |
| Тег <cite> | Определяет название творческой работы (книги, статьи, поэмы, сценария, фильма, песни, оперы, игры и др.) |
| Тег <code> | Отображает одну или несколько строк текста, который представляет собой программный код |
| Тег <del> | Помечает текст как удаленный, перечёркивая его |
| Тег <dfn> | Указывает, что содержимое является термином |
| Тег <em> | Выделяет важные фрагменты текста, отображая их курсивом |
| Тег <i> | Устанавливает курсивный текст и не воспринимается как важный браузерами и поисковыми машинами |
| Тег <iframe> | Создаёт встроенный фрейм, который находится внутри обычного документа |
| Тег <img> | Добавляет на веб-страницу изображение в графическом формате GIF, JPEG, SVG, PNG или WebP |
| Тег <input> | Создает многофункциональные поля формы, в которых можно создавать разные части интерфейса и обеспечивать взаимодействие с пользователем |
| Тег <ins> | Выделяет текст подчеркиванием. Применяется для текста, который был добавлен в новую версию документа |
| Тег <kbd> | Текст введенный с клавиатуры или названия кнопок клавиатуры |
| Тег <label> | Устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>) |
| Тег <map> | Создаёт активные области на карте-изображении. Является контейнером для тега <area> |
| Тег <mark> | Выделяет фрагменты текста, помечая их желтым фоном |
| Тег <meter> | Индикатор измерения в виде заполняемой шкалы в указанном диапазоне |
| Тег <object> | Сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает |
| Тег <q> | Определяет краткую цитату |
| Тег <rp> | Определяет альтернативный текст для браузеров, которые не поддерживают тег <ruby> |
| Тег <rt> | Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby> |
| Тег <s> | Используется для содержимого, которое уже не является точным или актуальным. |
| Тег <samp> | Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения |
| Тег <script> | Предназначен для описания скриптов, может содержать ссылку на программу или её текст на определённом языке |
| Тег <select> | Определяет выпадающий список или список с множественным выбором |
| Тег <small> | Отображает текст шрифтом меньшего размера |
| Тег <span> | Контейнер для строчных элементов. Предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью CSS стилей |
| Тег <strong> | Используется для выделения жирным начертанием важного текста |
| Тег <sub> | Отображает текст в виде нижнего индекса |
| Тег <sup> | Отображает текст в виде верхнего индекса |
| Тег <td> | Используется для создания одной ячейки таблицы |
| Тег <textarea> | Создаёт большое поле для ввода текста |
| Тег <th> | Создает заголовок ячейки таблицы |
| Тег <time> | Используется для указания даты и/или времени |
| Тег <tt> | Отображает текст моноширинным шрифтом. Устарел и мы не рекомендуем его применять. Вместо него используйте теги <kbd>, <var>, <code>, <samp> или CSS стили |
| Тег <var> | Используется для определения математических или переменных величин |
| Тег <video> | Загружает видео контент на веб-страницу |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.