# Какие HTML-теги поддерживает слой «Текст»

<p class="callout info">В статье раскрыта тема «Какие HTML теги поддерживает слой "Текст"».</p>

---

### Включите обработку HTML

<span style="white-space: pre-wrap;">Перед использованием тегов включите параметр </span>**HTML**<span style="white-space: pre-wrap;"> в свойствах текстового слоя.</span>

![Параметр HTML в свойствах текстового слоя](https://secure.usedesk.ru/upload/gimages/168944/2025_09_04/pMgNWzsJzXVg.png)

---

### Поддерживаемые теги

<table id="bkmrk-%D0%A2%D0%B5%D0%B3%D0%9D%D0%B0%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%3Ca%3E%D0%A1%D0%BE%D0%B7%D0%B4"><colgroup><col></col><col></col></colgroup><tbody><tr><td>Тег

</td><td>Назначение

</td></tr><tr><td>`<span class="editor-theme-code"><a></span>`

</td><td>Создаёт гипертекстовую ссылку.

</td></tr><tr><td>`<span class="editor-theme-code"><b></span>`

</td><td>Делает текст полужирным.

</td></tr><tr><td>`<span class="editor-theme-code"><u></span>`

</td><td>Подчёркивает текст.

</td></tr><tr><td>`<span class="editor-theme-code"><br></span>`

</td><td>Добавляет разрыв строки.

</td></tr><tr><td>`<span class="editor-theme-code"><i></span>`

</td><td>Выделяет текст курсивом.

</td></tr><tr><td>`<span class="editor-theme-code"><li></span>`

</td><td>Добавляет элемент маркированного списка.

</td></tr><tr><td>`<span class="editor-theme-code"><p></span>`

</td><td>Создаёт новый абзац.

</td></tr><tr><td>`<span class="editor-theme-code"><font></span>`

</td><td><span style="white-space: pre-wrap;">Задаёт цвет, шрифт и размер текста с помощью атрибутов </span>

`<span class="editor-theme-code">color</span>`

<span style="white-space: pre-wrap;">, </span>

`<span class="editor-theme-code">face</span>`

<span style="white-space: pre-wrap;"> и </span>

`<span class="editor-theme-code">size</span>`

<span style="white-space: pre-wrap;">. Для </span>

`<span class="editor-theme-code">color</span>`

<span style="white-space: pre-wrap;"> используется шестнадцатеричное значение, например </span>

`<span class="editor-theme-code">#FF0000</span>`

.

</td></tr><tr><td>`<span class="editor-theme-code"><span></span>`

</td><td><span style="white-space: pre-wrap;">Применяет CSS-класс из таблицы стилей с помощью атрибута </span>

`<span class="editor-theme-code">class</span>`

.

</td></tr></tbody></table>

---

### Пример

Чтобы вывести текст красным цветом, используйте:

```html
<font color="#FF0000">Ваш красный текст</font>
```

---

### Проверьте результат

Сохраните содержимое и откройте предварительный просмотр шаблона. Текст должен отображаться красным цветом, а HTML-разметка не должна выводиться на экран как обычный текст.