Строчные элементы

Строчные элементы могут содержать только данные и другие строчные элементы. Они применяются для визуального или логического выделения участков текста. Пересечение строчных элементов между собой допустимо, но такого пересечения следует избегать. В последних версиях браузера Netscape строковые элементы не пересекаются — любой строковый элемент закрывается автоматически, как только открывается контейнер другого элемента.

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

Порой различные по написанию элементы имеют одинаковый визуальный результат, но отличаться при использовании речевого браузера. Сходства и разлчия различных по написанию элементов могут зависеть от браузера и его пользовательских настроек.

Управление формой отображения

Определение шрифта производится при помощи контейнера FONT. Это позволяет применять несколько видов шрифтов в одном HTML-документе независимо от настроек браузера.

Установить шрифт для отдельного участка текста возможно при помощи атрибута FACE, в качестве значения которого указывается список шрифтов в виде их имён перечисленных через запятую. При этом в случае, когда у посетителя отсутствует шрифт указанный первым, устанавливается следующий по списку.

Атрибут SIZE контейнера FONT предназначен для изменения размера шрифта текста заключённого в этот контейнер. Тот же эффект достигается путём применения атрибута SIZE в теге <BASEFONT>, действие которого в отличие от контейнера FONT распространяется на весь HTML-документ. Cледует обратить внимание на то, что тег <BASEFONT> не интерпретируется ни одним современным браузером. Контейнер FONT поддерживается не всеми браузерами.

Атрибут COLOR применяется к контейнеру и позволяет изменить цвет текста, заключённого в этот контейнер.

Для того, чтобы выделять участки текста путём изменения начертания символов, язык гипертекстовой разметки HTML позволяет применять курсив, усиление, подчёркивание, индексы, изменение размера шрифта и цвета, а также комбинировать все эти эфекты между собой.

Перечень контейнеров, управляющих формой отображения:
Контейнер Форма отображения
<I>..</I> Курсив (Italic)
<B>..</B> Усиление (Bold)
<TT>..</TT> Телетайп (TeleType)
<U>..</U> Подчёркивание
<S>..</S> Зачёркивание
<STRIKE>..</STRIKE>
<BIG>..</BIG> Увеличение шрифта
<SMALL>..</SMALL> Уменьшение шрифта
<SUB>..</SUB> Подстрочный индекс
<SUB>..</SUB> Надстрочный индекс

Курсив

Один из допустимых способов выделения некоторой смысловой части основного текста без изменения оптической равномерности полосы — отобразить её курсивом. Для этого в HTML имеется строчный контейнер I.

Впервые в печатном тексте курсив применил Альд Мануций в конце XV века. Курсив носил функцию имитации рукописного начертания символов в документах папской канцелярии. т.к. родина курсивà в Италии, его назвали итальянским или «италиком».

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

При необходимости выделить некоторые слова в тексте с курсивным начертанием, Следует применять к ним  обычный прямой стиль.

Курсивноå начертание текста подходит к использованию в художественной литературе и цитатах.

Жирное начертание

Насыщенность — это толщина линий начертания шрифта.

    Начертание бывает четырёх видов:
  • светлое;
  • нормальное;
  • полужирное;
  • жирное.

HTML позволяет установить только нормальное и жирное начертание.

Жирное начертание — это ещё один способ визуального выделения смысловой части текста. Применить его можно путём размещения текста в строчный контейнер B.

Недостатком такого способà является видимость слов с жирным начертанием ещё до прочтения предшествующего ему текста. поэтому такое выделение рекомендовано к применению лишь в заголовках.

Для выделения некоторых слов на участке с жирным начертанием принято использовать жирный курсив.

Жирный стиль начертания символов гармоничнее смотрится в рекламе, и неуместен в художественной литературе либо цитатах.

Не все браузеры интерпретируют контейнер B расположенный в ячейке таблицы.

Контейнер TT

Текст заключённый в контейнер TT (TeleType) имеет моноширинное начертание. применяется оно для имитации телетайпного сообщения или обозначения клавиатурного ввода, кода и переменных компьютерных программ, à также вывода результатà на экран или принтер.

Относительное изменение размера шрифта

Размер текста измеряется в условных единицах и может быть установлен в пределах от 1 до 7. По умолчанию размер шрифта обычно равен 3.

    Изменение текущего размера шрифта на 1 условную единицу достигается использованием следующих строчных контейнеров:
  • BIG — в сторону увеличения;
  • SMALL — в сторону уменьшения.
Альтернтаивные способы относительного изменения размера шрифта на 1 условную единицу
Контейнер Альтернатива
<BIG>..</BIG> <FONT SIZE="+1">..</FONT>
<SMALL>..</SMALL> <FONT SIZE="-1">..</FONT>

Индексы

Индексами называется текст размещённый ниже или выше базовой линии. Для размещения нижнего индекса используется строчный контейнер SUB, верхний индекс размещается при использовании строчного контейнера SUP. Такие индексы предназначены для записи торговых знаков, символов копирайта, ссылок, сносок, формул, единиц измерений и т.д. Индексы могут иметь любой размер.

Чтобы символы в индексе не были того же размера, что и основные, рекомендуется уменьшать их на 1 условную единицу.

Типы информации

В отношении упомянутых контейнеров допустима вложенность. Отображение таких контейнеров может зависеть от настроек браузера.

Аббревиатуры и акронимы

Начальный тег контейнеров ABBR и ACRONYM может содержать атрибут TITLE, в качестве значения которого указывается расшифровка, что позволяет увидеть её при наведении курсора на содержимое контейнеров.

Усиление

Позволяет пометить текст, как важный, путём размещения его в строчный контейнер STRONG. Визуально усиление обозначается жирным шрифтом.

Эмфатическое усиление

Придаёт тексту эмоциоанльную окраску путём заключения его в контейнер EM. Как правило визуально браузеры выделяют фрагмент с эмфатическим усилением курсивом.

Обрыв строки

В обычном режиме интерпретации браузер самостоятельно разбивает текст на строки в тех местах, где размещены пробелы и символ -. Автоматической расстановки переносов внутри слов нет, а концы строк игнорируются. В случае, когда текст не может быть перенесён на следующую строку, он может выйти за границы рабочей области браузера и появляется горизонтальная прокрутка. Чтобы перенести текст на следующую строку принудительно, используется обрыв строки, формируемый тегом <BR>.

Элементы типа «обрыв строки» не имеют содержимого и служат лишь для обозначения конца строки.

Такой способ переноса текста не создаёт вертикальных отступов.

Тег  <BR> имеет один необязательный атрибут clear предназначенный для установки обтекания в определённой позиции. Текст написанный после тега <BR> с атрибутом clear будет продолжен в пустой области за обтекаемым объектом и выровнен в соответствии со значением атрибута.

Универсальный строчный элемент

Универсальный строчный элемент формируется контейнером SPAN. Его применение не образует блока и позволяет визуально заменить любой другой строчный элемент.

Универсальный строчный элемент оказывает влияние на своё содержимое только в браузерах поддерживающих CSS.

Гипертекстовые ссылки

Структура гипертекстовой сети сформирована гипертекстовыми ссылками. Читать далее

Графика

Обновлено: 13:45 21.04.2020

Назад

©Tumaliev R.