Теги для текста: HTML теги для оформления текста | Справочник HTML CSS

HTML теги для оформления текста | Справочник HTML CSS

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

В данной статье перечислены только те теги, которые рекомендованы для использования актуальной спецификацией html5.

Структура

h2, h3, h4, h5, h5, h6 — блочные теги предназначены для указания заголовков. Заголовков в html есть 6 уровней, от h2 (первый уровень) до h6 (последний уровень), каждый визуально выделен жирным шрифтом и его соответствующим размером. Заголовки должны описывать содержание, это положительно влияет на оптимизацию сайта. Хорошей практикой считается указывать только один заголовок первого уровня h2, остальных может быть несколько. Заголовки должны указываться по иерархии, на первом уровне заголовок h2 дальше подзаголовок h3 и так далее

p — абзац. Блочный тег, разделяет текст на отдельные абзацы, в конце добавляется отступ

Примеры: https://codepen.io/Yury_P/pen/WNGLgdW

Форматирование

b — визуально выделяет текст жирным начертанием

strong — отображает текст жирным начертанием, логически указывает на важность текста. Может быть использован для выделения ключевых слов для оптимизации поиска

i — задает курсивное начертание текста

em — задает курсивное начертание текста, логически указывает на важность текста

u — подчеркивает текст снизу

pre — сохраняет форматирование текста (не удаляет пробелы и переносы строк)

sup — текст отображается как верхний индекс

sub — текст отображается как нижний индекс

small — уменьшает текст на условную единицу

address — внутри указывается адрес (физический адрес, телефон, почта), обычно отображается курсивным шрифтом

mark — отображает текст как выделенный

abbr — оборачивает аббревиатуру (сокращение), в атрибуте title указывается ее расшифровка, которая показывается при наведении

kbd — отображает название клавиш или текст набранный пользователем, обычно отображается моноширинным шрифтом

dfn — внутри пишется название нового термина, далее идет его пояснение, обычно отображается курсивным шрифтом

ins — выделяет новый текст, который был добавлен при обновлении содержания, обычно отображается как подчеркнутый текст

del — выделяет старый текст, который был удален при обновлении содержания, обычно отображается как зачеркнутый текст

s — зачеркивает текст

Примеры: https://codepen. io/dmitryvalak/pen/zYKXjaV

Цитаты

q — отображает текст как цитату, обрамляет его кавычками

blockquote — отображает текст как цитату. По сравнению с тегом используется для длинных цитат, оформляется отступами

cite — выделяет цитату на материал из другого источника, обычно отображается курсивным шрифтом

Примеры: https://codepen.io/dmitryvalak/pen/yLarjoq

Списки

ul — маркированный список. Каждый элемент списка оборачивается тегами li

ol — нумерованный список. Каждый элемент списка оборачивается тегами li

dl — список терминов. Внутри используются теги: dt — название термина, dd — описание термина

Примеры: https://codepen.io/Yury_P/pen/mdrgZQb

Отображение кода

code — оборачивает программный код, обычно отображается моноширинным шрифтом, не учитывает переносы строк и дополнительные пробелы

var — оборачивает переменную из программного кода, обычно отображается моноширинным шрифтом

samp — оборачивает текст, которые является результатом вывода скрипта или программы, обычно отображается моноширинным шрифтом

Примеры: https://codepen. io/Yury_P/pen/yLaGxPB

Другие теги

span — строчный тег. Сам по себе не имеет никакого логического или визуального смысла. Часто используется внутри абзаца (

) для выделения части текста. Если часть текста нужно стилизовать по другому, ее можно обернуть в span, указать класс и в css добавить нужные стили

br — переносит текст на новую строку

wbr — указывает где можно сделать перенос слова

hr — вставляет горизонтальную полосу

bdo — задает направление текста, в атрибуте dir указывается направление: rtl — справа на лево, ltr — слева направо

bdi — запрещает изменение направления текста, по аналогии с bdo направление указывается в атрибуте dir, по умолчанию значение auto

Примеры: https://codepen.io/Yury_P/pen/rNMoZrL

HTML: Теги для текста | HTML самоучитель

• Форматирование текста
• Тег <pre>
• Теги для отображения кода
• Тег <address>
• Аббревиатуры
• Направление текста
• Цитаты
• Удаленный и вставленный текст

В HTML есть теги для изменения внешнего вида текста, такие как <b> и <i>. Они используются для выделения текста полужирным шрифтом или курсивом, такие теги в HTML называются тегами для форматирования.

Форматирование текста

Этот пример демонстрирует, как вы можете отредактировать текст в HTML документе, используя специальные теги:

<html>
  <body>

    <p><b>Текст</b></p>
    <p><strong>Текст</strong></p>
    <p><em>Текст</em></p>
    <p><i>Текст</i></p>
    <p><small>Текст</small></p>
    <p>Это<sub> нижний индекс</sub> и <sup>верхний индекс</sup></p>

  </body>
</html>

Попробовать »

Тег <pre>

Тег <pre> позволяет выделить часть исходного текста, которая должна отобразиться браузером в первоначальном виде, то есть теми же символами и с тем же количеством пробелов и разрывов строк. Весь текст, заключенный между открывающим тегом <pre> и закрывающим </pre>, будет отображаться моноширинным шрифтом:

<html>
  <body>

    <pre>
      Он сохраняет авторское форматирование текста
      (оставляет без изменений)
      и делает шрифт моноширинным
    </pre>

  </body>
</html>

Попробовать »

Теги для отображения кода

Пример, показанный ниже, демонстрирует разницу вывода содержимого тегов на экран:

<html>
  <body>

    <p><code>Программный код</code>
      <br>
      <kbd>Ввод с клавиатуры</kbd>
      <br>
      <samp>Образец кода</samp>
      <br>
      <var>Выделение переменной</var>
    </p>
    <p>
      Эти теги обычно используются для того, чтобы показать на странице программный код
    </p>

</body>
</html>

Попробовать »

Тег <address>

Адрес является распространенным элементом многих HTML-документов, для выделения адреса на странице существует специальный тег <address>, отделяющий текст, заключенный в него, от всего остального содержимого.

Чаще всего он используется для выделения контактной информации, например адреса электронной почты или способа связи с автором/владельцем документа, статьи или сайта:

<html>
  <body>

    <p>Вы можете найти меня на моем сайте</p>
    <address>
      <a href="www.puzzleweb.ru">Мой сайт для связи</a>
    </address>

  </body>
</html>

Попробовать »

Аббревиатуры

Пример демонстрирует, как можно написать аббревиатуру или сокращение:

<html>
 <body>

    <p><abbr title="Неопознанный Летающий Объект">НЛО</abbr><br><br><br>
      Атрибут title нужен для всплывающей подсказки, она появляется
      при наведении курсора на аббревиатуру.
    </p>

  </body>
</html>

Попробовать »

Направление текста

Пример демонстрирует, как можно изменить направление текста:

<html>
  <body>

    <p>
      Тег bdo определяет направление текста - слева направо и наоборот. <br><br>
      <bdo dir="rtl">
        Это наш текст
      </bdo>
    </p>

  </body>
</html>

Попробовать »

Цитаты

В HTML есть два тега для выделения цитат в тексте — <q> и <blockquote>. Тег <q> является строчным элементом и предназначен для выделения коротких цитат непосредственно в тексте абзаца. Текст, размещенный внутри элемента <q>, по умолчанию большинством браузеров отображается в двойных кавычках.

В отличие от тега <q>, тег <blockquote> является блочным элементом, он предназначен для выделения длинных цитат, которые по объему больше похожи на целые абзацы. В большинстве браузеров текст элемента <blockquote> будет отображаться с небольшим отступом вправо и иметь разрывы строки до и после себя:

<html>
  <body>

    <p>Длинная цитата:</p>
    <blockquote>
      Это очень длинная цитата. Это очень длинная цитата.Это очень длинная цитата.
      Это очень длинная цитата.Это очень длинная цитата.Это очень длинная цитата.
    </blockquote>
    <p><b>Для длинных цитат браузер вставляет отступы со всех сторон. </b>
      <br><br>
      Короткая цитата: 
      <q>Это короткая цитата.</q><br>
      <b>Короткие цитаты заключаются в двойные кавычки.</b>
    </p>

</body>
</html>

Попробовать »

Удаленный и вставленный текст

Пример демонстрирует, как можно в документе пометить текст, который был удален (помечается как перечеркнутый) или вставлен (помечается как подчеркнутый):

<html>
  <body>

    <p>
      Содержимое тега del, большинство браузеров отображает <del>перечеркнутым</del>, а 
      содержимое тега ins - <ins>подчеркнутым</ins>
    </p>

  </body>
</html>

Попробовать »

Примечание: также подчёркивание и перечёркивание можно задать с помощью CSS свойства text-decoration.

тегов HTML для текста

В HTML полно различных тегов для текста. Эти теги позволяют нам отображать текст в наших документах HTML так, как мы хотим, чтобы он отображался. Хотя это базовая функция HTML, об этих тегах нужно многое узнать. Большинство тегов для текста встроены в , но есть исключения. Когда элемент является встроенным, это означает, что по умолчанию к нему применяется эта строка CSS

:

 display: inline;
 

Что такое встроенный элемент в HTML?

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

Таким образом, все HTML-теги для текста являются встроенными, поскольку они используются при написании текста и сочетаются с другими встроенными элементами на странице.

Есть ли блочные теги для текста?

Некоторые теги, которые мы используем для текста, являются блочными элементами. В основном это относится к заголовкам и абзацам, которые обычно занимают целую строку или раздел на странице. Таким образом, новый абзац появляется под последним абзацем, а не рядом с ним, как можно было бы ожидать.

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

Теги заголовков

В HTML мы можем обозначать заголовки с помощью пронумерованных тегов заголовков. Это все блочные элементы.

— самый большой тег на странице, а

— самый маленький и наименее важный. В современных поисковых системах и при соблюдении передового опыта 9Тег 0029

обычно обозначает заголовок страницы, на которой вы находитесь — , поэтому обычно у вас есть только один

.

Вот пример всех тегов заголовков, от самого важного и самого большого до наименее важного и самого маленького:

 
Заголовок 1
 
 
Заголовок 2
 
 
Заголовок 3
 
 
Заголовок 4
 
 
Заголовок 5
 
 
Заголовок 6
 
 

Тег

p

Этот тег представляет собой блочный тег для текста, используемый для обозначения абзаца . Абзац в HTML обычно имеет некоторое поле, чтобы отделить его от других тегов абзаца. Пример показан ниже:

 
Я абзац
 

Теги списка:

ul , ol и li

Если мы хотим создать список в HTML, как в примере ниже, мы используем теги списка:

• Привет
• Я список

Существует два типа списков —

ol , или упорядоченные списки, и ul , или неупорядоченные списки. По сути, упорядоченные списки имеют номера, а неупорядоченные списки — стандартные маркеры.

В списках ol и ul у вас есть li элементов, которые относятся к элементам списка. Все 3 являются блочными элементами. Ниже показаны два примера:

 

    
Привет!
    
Я список

<ол>
    
Привет!
    
Я список

 

Тег

blockquote

Тег blockquote , как следует из названия, является элементом блока .

Это позволяет нам создавать котировки. Это часто сочетается с figcaption для подписи, cite для того, кто цитируется, и цифра для инкапсуляции всего, чтобы создать полноценную цитату. Вот пример всего этого в действии:

 <рисунок>
    <цитата>
        я HTML
    
    

 

Результат выглядит так:

я HTML HTML, from HTML в действии

Тег

em

Тег em используется для выделения текста курсивом. Вот пример того, как это выглядит . В коде мы пишем это так:

 Подчеркнутый фрагмент текста 
 

Тег

strong

Тег strong используется для выделения текста жирным шрифтом. Вот пример того, как это выглядит . В коде это выглядит так:

 Выделенный фрагмент текста
 

Тег

br

Этот элемент делает разрыв строки в любом месте. В коде это выглядит так:

Тег

i

Этот элемент делает текст подчеркнутым В коде это выглядит так:

 подчеркнутый
 

Код

Тег

Тег strong используется для выделения текста жирным шрифтом. Вот пример того, как это выглядит . В коде это выглядит так:

 Выделенный фрагмент текста
 

Код

Тег

Этот элемент выделяет фрагмент кода на странице. Он выглядит следующим образом:

Я код

 Я код
 

Тег

до

Этот элемент обозначает текст, который не должен иметь разрывов строк. Если вы продолжите печатать, этот элемент предотвратит разрыв текста в любой момент, а не переполнит его. Пример показан в элементе кода ниже. Текст продолжает идти, даже если он достигает конца контейнера:

 
Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Fusce fermentum mi nec ipsum feugiat, sagittis vulputate diam pretium. Praesent aliquam viverra tempor. Curabitur consectetur bibendum ultricies. Pellentesque vel efficitur sapien. Vivamus non turpis accumsan, semper quam sed, viverra diam. Mauris arcu elit, tempus eget elementum id, laoreet finibus erat. In nec diam commodo, accumsan turpis at, blandit risus. Sed eget ligula purus. Меценат некоммодный эрос. Curabitur viverra felis vitae nisl hendrerit, at vestibulum erat luctus. Pellentesque consequat ipsum mi, ut aliquam enim viverra in.

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fermentum mi nec ipsum feugiat, sagittis vulputate diam pretium. Praesent aliquam viverra tempor. Curabitur consectetur bibendum ultricies. Pellentesque vel efficitur sapien. Vivamus non turpis accumsan, semper quam sed, viverra diam. Mauris arcu elit, tempus eget elementum id, laoreet finibus erat. In nec diam commodo, accumsan turpis at, blandit risus. Sed eget ligula purus.  Меценат некоммодный эрос. Curabitur viverra felis vitae nisl hendrerit, at vestibulum erat luctus. Pellentesque consequat ipsum mi, ut aliquam enim viverra in. 

Кнопка

Тег

Этот элемент позволяет нам создать кнопку. Ниже показан пример вместе с кодом:

 Я кнопка
 

Тег

s

Этот тег представляет собой перечеркнутый фрагмент текста, как этот . Это можно записать в коде следующим образом:

 перечеркнутый
 

Последнее обновление 1643921371068

Rich Text, TextMesh Pro Документация

Вы можете использовать теги форматированного текста для изменения внешнего вида и макета текста. Эти теги работают как теги HTML или XML, но имеют менее строгий синтаксис.

Тег выглядит как . Многие теги работают с областью видимости, которую вы можете оканчивать на . Такие области могут быть вложенными, и вам не нужно закрывать их в том же порядке, в котором вы их запускали.

Некоторые теги имеют значения и атрибуты, например и <атрибут тега=значение> . Эти аргументы являются либо именами, либо числовыми значениями. Числа представляют собой обычные десятичные числа, пиксели, такие как 1px , проценты, такие как 80% , единицы шрифта, такие как 1.2em , или шестнадцатеричные значения цвета, такие как #FF . Имена могут быть как с двойными кавычками, так и без них, но если атрибутов больше, лучше использовать кавычки.

Теги и их атрибуты могут содержать до 128 символов. Это ограничение не должно быть проблемой, если только вы не используете очень длинные строковые атрибуты.

Обзор тегов

Теги	Сводка
выравнивание	Выравнивание текста.
альфа, цвет	Цвет и непрозрачность.
b, i	Жирный и курсив.
cspace	Межсимвольный интервал.
шрифт	Выбор шрифта и материала.
отступ	Отступ.
высота строки	Высота строки.
отступ строки	Отступ строки.
ссылка	Текстовые метаданные.
строчные, прописные, прописные	Заглавные буквы.
поля	Текстовые поля.
метка	Текст маркировки.
mspace	Моноширинный.
noparse	Запретить синтаксический анализ.
nobr	Неразрывные пробелы.
страница	Разрыв страницы.
pos	Горизонтальное положение курсора.
Размер	Размер шрифта.
пробел	Горизонтальный пробел.
спрайт	Вставка спрайтов.
с, у	Зачеркнуть и подчеркнуть.
стиль	Индивидуальный стиль.
нижний, дополнительный	Нижний и верхний индекс.
vсмещение	Смещение базовой линии.
ширина	Ширина текста.

Выравнивание текста

Каждый текстовый объект имеет общее выравнивание, но его можно переопределить с помощью тегов. Доступны все четыре варианта горизонтального выравнивания.

Обычно эти теги помещаются в начало абзаца. Если в одной строке окажется несколько тегов выравнивания, победит последний.

Последовательные области выравнивания не складываются. Тег возвращается к общему выравниванию объекта.

Справа
По центру
Слева

Переключение выравнивания.

Цвет

Вы можете изменить цвет текста различными способами. Самый простой способ — использовать . Поддерживаемые имена цветов: черный, синий, зеленый, оранжевый, фиолетовый, красный, белый и желтый.

Вы также можете использовать шестнадцатеричное число для указания цвета. Такие цвета имеют форму #FFFFFF или #FFFFFFFF , если вы также хотите определить альфа-значение. В этом случае вы можете опустить имя тега color .

Красный Темно-зеленый <#0000FF>Синий Полупрозрачный красный

Цвета.

Если вы хотите изменить только прозрачность текста, вы можете использовать 9Тег 0029 альфа . Он работает с шестнадцатеричными значениями.

FF CC AA 88 66 44 22 <альфа=#00>00

Альфа от 100% до 0%.

Все корректировки цвета заканчиваются одним и тем же цветовым тегом, независимо от того, какой начальный тег вы использовали.

Красный, Синий и снова красный.

Восстановление цвета.

Жирный и курсив

Вы можете применить к тексту полужирный шрифт и курсив с помощью простых тегов. Внешний вид этих стилей определяется используемым ресурсом шрифта.

быстрая коричневая лиса перепрыгивает через ленивую собаку.

Жирный и курсив.

Межсимвольный интервал

cspace позволяет настроить расстояние между символами, как абсолютное, так и относительно исходного шрифта. Вы можете использовать пиксели или единицы шрифта. Положительные корректировки раздвигают персонажей, а негативные корректировки сближают их.

Закрывающий тег возвращается к нормальному интервалу шрифта.

Интервал так же важен, как и время.

Расстояние между символами.

Шрифт

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

Теги шрифта могут быть вложенными. Вернуться к шрифту по умолчанию можно, закрыв все теги шрифта или используя по умолчанию в качестве имени актива шрифта.

Вам нужен другой шрифт? или просто другой материал?

Смешивание шрифтов и материалов.

Отступ

Тег с отступом выполняет те же действия, что и тег pos , но эффект сохраняется в разных строках. Вы можете использовать это для создания макетов, таких как маркеры, которые работают с переносом слов. Вы можете использовать пиксели, единицы шрифта или проценты.

1. Это полезно для таких вещей, как маркеры.
2. Это удобно.

Использование отступов для создания списка.

Высота строки

Тег line-height позволяет вручную управлять высотой строки. Используйте его, чтобы сблизить линии или раздвинуть их дальше друг от друга. Поскольку высота строки определяет, насколько ниже начинается следующая строка, этот тег не изменяет текущую строку.

Вы можете использовать пиксели, единицы шрифта и проценты. Относительные корректировки основаны на высоте строки, указанной в ресурсе шрифта. Закрывающий тег возвращается к этой высоте.

Высота строки при 100%
Высота строки при 50%
Довольно уютно.
Высота строки при увеличении 150%
Какое расстояние!

Разная высота строк.

Отступ строки

line-indent вставляет горизонтальный пробел сразу после него и перед началом каждой новой строки. Это влияет только на ручные разрывы строк, а не на строки с переносом слов. Вы можете использовать пиксели, единицы шрифта или проценты.

Закрывающий тег завершает отступ строк.

Это первая строка этого примера текста.
Это вторая строка того же текста.

Отступ каждой новой строки с одним тегом.

Текстовая ссылка

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

Не обязательно присваивать каждой ссылке уникальный идентификатор. Вы можете повторно использовать идентификаторы, когда это имеет смысл, например, при многократном связывании с одними и теми же данными. Массив linkInfo будет содержать каждый идентификатор только один раз.

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

Строчные, прописные и строчные буквы

Эти три тега используются для изменения заглавных букв вашего текста. 9Теги 0029 нижнего регистра и верхнего регистра работают так, как вы ожидаете. allcaps — это псевдоним для в верхнем регистре .

Тег smallcaps работает так же, как верхний регистр , но также уменьшает размер всех символов, которые изначально не были в верхнем регистре.

Алиса и Боб смотрели телевизор.
Алиса и Боб смотрели телевизор.
Алиса и Боб смотрели телевизор.

Изменение капитализации.

Маржа

Вы можете настроить горизонтальные поля текста с помощью тега margin . Если вы хотите настроить только левое или правое поле, вы можете использовать теги margin-left или margin-right . Вы можете использовать пиксели, единицы шрифта и проценты.

Раньше наши поля были очень широкими.
Но те времена давно прошли.

Регулировка полей.

Марка

Тег mark добавляет наложение поверх текста. Вы можете использовать это, чтобы выделить части вашего текста. Поскольку метки лежат поверх текста, вам нужно придать им полупрозрачный цвет, чтобы текст все еще был виден.

Теги Marks не складываются, они заменяют друг друга.

Текст может быть помечен наложением.

Выделенный текст.

Моноширинный

Вы можете переопределить межсимвольный интервал шрифта и превратить его в моноширинный шрифт с помощью mspace тег. Это заставит всех персонажей претендовать на одно и то же горизонтальное пространство. Вы можете использовать пиксели или единицы шрифта, чтобы установить ширину моноширинного символа.

Тег удаляет все переопределения моноширин.

Любой шрифт может стать моноширинным, если вы действительно этого хотите.

Обработка шрифта как моноширинного.

Нопарс

Иногда требуется отобразить текст, который будет интерпретироваться как тег. Вы можете отключить расширенные теги, чтобы справиться с этим. Но если вы также хотите использовать теги в том же тексте, вы можете использовать тег noparse для создания области, которая не анализируется.

Используйте для полужирного текста.

Предотвратить синтаксический анализ некоторых тегов.

Неразрывные пробелы

Если вы хотите, чтобы слова оставались вместе и не разделялись переносом слов, вы можете использовать тег nobr .

Вы не хотите, чтобы ВАЖНОЕ ВАЖНОЕ разваливалось.

Важные части остаются вместе.

Разрыв страницы

Вы можете использовать тег page для вставки разрывов страниц в текст. Это разбивает текст на отдельные блоки. Текстовый объект должен быть установлен в режим переполнения страницы, чтобы это работало.

Горизонтальное положение

Тег pos дает вам прямой контроль над положением курсора по горизонтали. Вы можете поместить его в любом месте на той же строке, независимо от того, где он начался. Вы можете использовать пиксели, единицы шрифта или проценты.

Эти теги лучше всего использовать с выравниванием по левому краю.

при 75%
при 25%
при 50%
при 0%

Установка позиций.

Размер шрифта

Вы можете изменить размер шрифта вашего текста в любое время. Вы можете указать новый размер в пикселях, единицах шрифта или в процентах. Коррекция пикселей может быть как абсолютной, так и относительной, например, +1 и -1 . Все относительные размеры основаны на исходном размере шрифта, поэтому они не суммируются.

Эхо Эхо Эхо Эхо Эхо

Регулировка размера.

Горизонтальное пространство

Тег space вставляет смещение по горизонтали, как если бы вы вставили несколько пробелов. Вы можете использовать пиксели или единицы шрифта.

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

Дайте мне места.

Добавление пространства.

Спрайт

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

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

Если вы используете индекс спрайта из ресурса спрайта по умолчанию, вы можете использовать сокращение индекса .

По умолчанию на спрайты не влияет параметр Цвет (вершина) текста. Добавление атрибута tint=1 к тегу окрасит спрайты этим цветом. Вы также можете использовать определенный цвет, добавив цвет=#FFFFFF .

Спрайты! Больше спрайтов! И даже больше!

Вставка спрайтов из спрайта по умолчанию.

Зачеркнутый и подчеркнутый

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

быстрая коричневая лиса перепрыгивает через ленивую собаку.

Зачеркнуть и подчеркнуть.

Стиль

Доступ к пользовательским стилям

можно получить с помощью тега style . Вам нужно указать имя стиля для открывающего тега, но не для закрывающего тега. Он просто закрывает последний открытый стиль.

Вы можете создавать свои собственные.

Пользовательские стили удобны.

Нижний и верхний индекс

Теги sup и sub позволяют размещать текст как верхний или нижний индекс. Их смещение и размер определяются активом шрифта. Это часто используется в научных обозначениях и нумерации, например 1 ^st и 2 ^nd .

У нас есть 1 м³ H₂O.

Нижний и верхний индекс.

Вертикальное смещение

vсмещение дает базовой линии вертикальное смещение. Вы можете использовать пиксели или единицы шрифта, и это всегда относительно исходной базовой линии. Закрывающий тег возвращается к исходному базовому уровню.

Высота строки регулируется для размещения смещенного текста. Если вы этого не хотите, вы можете вручную отрегулировать высоту строки.

No related posts.