Логическое и физическое форматирование текста.
Глава 14
В этой главе мы снова будем работать с текстом, и в отличие от материала, изложенного во второй главе: «Редактируем текст» посмотрим на некоторые вещи под другим углом, а так же поговорим о ранее не вошедших в этот учебник тегах, с помощью которых так же можно форматировать текст на страницах сайта.
Дело в том что все теги предназначенные для работы с текстом можно разделить на две группы: «теги физического форматирования текста» и «теги логического форматирования текста»
Теперь по порядку..
О тегах физического форматирования текста речь в этом учебнике шла ранее, поэтому повторятся, не стану, а просто перечислю их:
<b>, <i>, <u>, <strike>, <s>, <tt>, <small>, <big>, <sup>, <sub>, <p>, <font>, <pre>…
— всё это теги физического форматирования текста.
Почему их так назвали? Да все просто.
. потому что данные теги способны тем или иным способом физически воздействовать на текст.. делать его жирным, курсивом, маленьким, большим.. и т. д. Заключив текст, в какой либо тег из вышеперечисленных, мы получаем ожидаемый результат, который описан в спецификации HTML и в различных браузерах отображается практически одинаково.
На всякий случай вновь покажу старый пример:
<html>
<head>
<title>Стили текста</title>
</head>
<body>
<big><b><u>Научная статья.</u></b></big>
<br>
<br>
Если разбавить дистиллированную воду Н<sub>2</sub>О сорока процентами этилового спирта С<sub>2</sub>Н<sub>5</sub>ОН то получится жидкость в 40<sup>о</sup> более известную широкой публике под названием <i>— водка.
</i>
<br>
Впервые данную пропорцию <s>придлажил</s> предложил <tt>Дмитрий Иванович МЕНДЕЛЕЕВ.</tt>
<br>
<br>
<br>
<small>Распитие спиртных напитков вредит вашему здоровью.</small>
</body>
</html>
смотреть пример
Основная задача тегов физического форматирования текста это выполнение сугубо декоративных функций.
Однако если Вы изучали справочник HTML, то наверняка обратили внимание что выше перечисленные теги это далеко не все инструменты для работы с текстом! А если Вы изучали справочник скрупулезно и пристально, то наверное заметили что некоторые теги выполняют одни и те же действия над текстом..
Например, чем отличается тег <em> от тега <i>? или какая разница между <b> и <strong>? ведь результат и там и там одинаков!
Так да не так.
. отличия есть.. и они достаточно существенные!!..
Прежде чем рассказывать о новых тегах расскажу, о том, что следует подразумевать под фразой: «логическая разметка документа».
Под логической разметкой документа, прежде всего, принято понимать разметку текста тегами направленную на удобство работы поисковых систем и других программ, которые работают с данным документом, а так же придавать тексту в документе некий смысл. Так вот программам абсолютно по барабану как выглядит Ваш документ, красивый он или нет, какой стиль шрифта и текста используется и.т.д. программы в первую очередь пытаются найти логику на Вашей страничке, что бы в дальнейшем использовать её по своему усмотрению, например для более релевантной поисковой выдачи или для автоматического составления содержания Вашего документа…
Теперь давайте опять вернемся к вопросу выше: «Чем отличается тег <em> от тега <i>?» — казалось бы какая разница ведь текст и там и там будет отображаться курсивом .
. всё дело в том что тег <i> — (курсив) — является тегом физического форматирования текста и предназначен в первую очередь для людей, а тег <em> (особенно важный текст) — является тегом логического формирования текста и предназначен для машин! А то, что текст, взятый в тег <em>, обычно в браузерах отображается курсивом — это всего лишь, скажем так «мода» и придумка браузеров.
Спецификация HTML не говорит о том, что теги логического форматирования текста должны определённым образом отображаться браузерами, что вот, например тот же тег <em> должен быть отображен именно курсивом и не как иначе, а говорит лишь о том, что такой текст должен отличатся от основного и особым образом выделятся в документе..
Так какие теги лучше использовать? Ну раз уж мы уже заочно познакомились с тегами <em> и <strong> покажу пример, комментарии будут ниже.
.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Как создать сайт</title>
</head>
<body>
<p><strong>Как создать сайт?</strong></p>
<p>Для того, что бы <em>самостоятельно создать сайт</em> для начала в блокноте нужно написать следующие теги:</p>
<b><html></b> — <i>начало документа</i><br>
<b><head></b> — <i>начало головы</i><br>
<b></head></b> — <i>закрытие головы</i><br>
<b><body></b> — <i>начало тела</i><br>
<b></body></b> — <i>закрытие тела</i><br>
<b></html></b> — <i>конец документа</i><br>
</body>
</html>
смотреть пример
Теперь объясню, почему на страницах данного сайта, как и в примере выше, в некоторых случаях используются теги <em> и <strong>, а в других случаях <b> и <i>.
Всё дело в том, что мне как создателю данного сайта очень хочется, чтобы люди набрав в том же гугле фразу: «Как создать сайт?» или «Самостоятельное создание сайта» видели в первых строчках поисковой выдачи гугла ссылку: «Как создать сайт?» и переходили по ней на главную страницу моего ресурса 🙂 . Так вот пометив нужные мне куски текста с помощью тегов <em> и <strong>, я тем самым даю понять гуглу что этот текст важный и что на него следует обратить особенное внимание! — конечно, это не залог успеха, тем более для столь популярных (высокочастотных) пользовательских запросов, но при прочих равных условиях, это большой плюс в глазах поисковых систем.
И противоположенный случай..
Как человек старающийся сделать сайт удобным для чтения и восприятия другими людьми, я выделяю некоторые участки текста курсивом (юмор, примечания и прочую отсебятину) и жирным шрифтом (изучаемые теги в примерах), но я не хочу, чтобы поисковые системы обращали сильное внимание на фразы типа: «начало головы» «закрытие тела» — так как сайт написан для начинающих веб-ремесленников, а не для начинающих патологоанатомов, поэтому размечаю такой текст тегами <b> и <i> — они дают нужный результат, собственно полужирный шрифт и курсив, но не являются «красной тряпкой» для программ.
Разобравшись с сутью и предназначением логической разметки текста настало время познакомить Вас с тегами которые способны разбавить сухой текст неким смыслом.
Буду перечислять..
Тег <abbr>
Выделяет в тексте аббревиатуру. Браузерами обычно подчеркивается пунктирной линией.
<abbr>CSS</abbr>
Практически ко всем тегам применим атрибут title — всплывающая подсказка, так вот если Вы в тексте выделяете некую аббревиатуру, старайтесь давать к ней расшифровку, используя данный атрибут.
<abbr title=»Cascading Style Sheets»>CSS</abbr> позволит Вам без труда изменить стиль любого тега логического форматирования текста!
Тег <acronym>
Данный тег выделяет в тексте акроним. Акроним это почти то же самое что и аббревиатура, только образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.
Вступай в <acronym title=»коммунистический союз молодёжи»>комсомол</acronym>!!
Так же как и с аббревиатурой для расшифровки текста желательно использовать атрибут title.
Тег <address>
Указывает автора документа и его адрес. Обычно отображается курсивом. Предназначен для поисковых систем для сбора информации об авторе его адресе и прочей информации владельца/цев сайта.
<address>Вася Пупкин г. Урюпинск Макаронная фабрика 2010г.</address>
Тег <cite>
Выделяет в тексте цитату или сноску на другой документ. Обычно браузеры отображают её курсивом.
Как сказал Остап Бендер <cite>Лед тронулся! господа присяжные заседатели!</cite>
Тег <code>
Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.
<code>function()</code> — так обозначается функция в PHP
Тег <del>
Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.
Напоминает теги физического форматирования <strike> и сокращённый <s> — перечёркнутый текст.
Использование тега <del>, более предпочтительно, так как помимо того, что он разбавляет текст логикой еще и заменяет собой теги <strike> и <s>, которые помечены спецификацией 4.01 как нежелательные.
<del>Старая цена 1000р.</del> — Новая 999 р.!!!
Тег <dfn>
Выделяет текст как определение. Как правило, когда в тексте встречается новый термин, авторы выделяют его курсивом и дают его определение, собственно для этого и нужен тег <dfn>
<dfn>Акроним</dfn> — аббревиатура, образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.
Тег <ins>
Выделяет новый текст в новой версии документа. Выделенный текст в большинстве браузеров станет подчёркнутым.
Противоположен по значению тегу <del> с ним же в паре обычно он и используется.
<del>Старая цена 1000р.</del> — <ins>Новая 999 р.</ins>!!!
Тег <em>
Выделяет особенно важный фрагмент текста. Обычно отображается курсивом.
<em>Как создать сайт?</em> — узнай на Вебремесло.ру!!
Тег <kbd>
От английского keyboard — клавиатура. Указывает текст вводимый с клавиатуры, или для названия клавиш. Обычно отображается моноширинным шрифтом.
Нажмите <kbd>Ctrl + Z</kbd> для того чтобы отменить последнее действие.
Тег <q>
Выделяет в тексте цитату. В отличие от тега <cite> цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки.
Как сказал Остап Бендер <q>Лед тронулся! господа присяжные заседатели!</q>
Кстати, есть еще и тег физического форматирования текста <blockquote> данный тег тоже помечает текст как цитату и при этом выделяет его отступами и переносами строк от остального текста.
Пример:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>Цитаты</title>
</head>
<body>
<p>Эта цитата создана с помощью тега <strong>логического</strong> форматирования текста <code><b><q></b></code>: <q>Лед тронулся! господа присяжные заседатели..</q> — браузеры автоматически берут такую цитату в кавычки. Кстати выходя за рамки темы, видом кавычек легко управлять с помощью <abbr title=»Cascading Style Sheets»>CSS</abbr> псевдокласса <code>lang</code> и его значения <code>quotes</code> — кавычки.</p>
<p>Эта цитата создана с помощью тега <strong>логического</strong> форматирования текста <code><b><cite></b></code>: <cite>Лед тронулся! господа присяжные заседатели.
. <a href=»#»>Остап Бендер. 12 стульев.</a></cite> — обычно браузерами она отображается курсивом. Второе призвание такого вида цитаты это выполнение роли сноски на другой документ.</p>
<p>А эта цитата создана с помощью тега <strong>физического</strong> форматирования текста <code><b><blockquote></b></code>: <blockquote>Лед тронулся! господа присяжные заседатели..</blockquote> — в основном тексте она выделяется отступами и переносами строк, как правило, такой цитатой помечают длинные куски текста взятые из других источников.</p>
</body>
</html>
смотреть пример
Такие вот различия..
Тег <samp>
Обозначает текст, который выводится на экран в результате работы какой-либо программы. Обычно браузерами отображается моноширинным шрифтом.
В процессе решения задачи 2+2 программа выдаст ответ: <samp>4</samp>
Тег <strong>
Выделяет особенно важный фрагмент текста.
Обычно отображается полужирным.
<strong>Как создать сайт?</strong> — узнай на Вебремесло.ру!!
Тег <var>
Выделяет текст, как переменную в работе какой либо программы. Обычно браузерами отображается курсивом.
Данная функция использует переменную <var>$count</var>
Ну вот собственно и все теги созданные для логической разметки текста. Примеры показывать не стану, думаю и так всё понятно, а вот несколько полезных советов по разметке текста в документе дам.
Стиль всех тегов как логического, так и физического форматирования текста, великолепно настраивается с помощью средств CSS! Мой Вам совет учите CSS, если до этого момента ещё незнакомы с ним. При использовании свойств CSS в работе с текстом Вы забудете про проблему кроссбраузерности т. е. Ваш текст будет отображаться во всех браузерах именно так как нужно Вам, а не так как вздумается браузеру. Кроме того СSS открывает куда более широкие возможности связанные как со стилем текста, так и с дизайном сайта в целом.

Старайтесь правильно размечать текст на страницах Вашего сайта.. а именно:
Для начала, разбейте весь Ваш текст на параграфы с помощью тега <p> — это облегчит чтение текста как для людей так и для программ, кроме того, позволит Вам в дальнейшем, легко управлять текстом с помощью CSS. Вообще старайтесь не оставлять «голые» слова и предложения, не взятые в какой либо тег форматирования текста.
Соблюдайте значимость заголовков <h2>-<h6> т. е. допустим заголовок страницы берите в тег <h2> подзаголовки в тег <h3> еще менее значимые подзаголовочки в тег <h4> и т. д. В идеале на странице должен быть всего один заголовок <h2>, потом текст разбивается несколькими <h3> и далее по значимости заголовков.
Используйте теги логической разметки лишь там где они действительно необходимы т.
е. не стоит например выделять аббревиатуру с помощью цитаты и наоборот.. на то она и логика что бы всё было логично!!
Используйте <em> и <strong> в тех случаях, если Вы хотите акцентировать внимание на тексте не только людей, но поисковых систем, в иных ситуациях используйте <b> и <i>.
Когда выучите CSS забудьте и выкиньте из головы тег <font> и все его атрибуты!! Им уже давно никто не пользуется, ну за редким исключением конечно..
Примеры форматирования текста приложения Mobile SMARTS тегами псевдо-HTML
Mobile SMARTS платформа
← Предыдущая статья Читать далее «Использование псевдоклассов» →
Категории: Псевдо-HTML верстка в Mobile SMARTS
Теги: форматирование
Последние изменения: 10.02.2022
Пример 1 | Оформление и выделение текста
Для этого необходимо заключить текст в определенный тег.<r>Обычный текст</r>
<i>Наклонный текст</i>
<b>Жирный текст</b>
<u>Подчеркнутый текст</u>
Результат на терминале:
Пример 2 | Горизонтальная линия
Для разделения разных частей текста можно воспользоваться тегом <hr/>, который выводит горизонтальную линию.
Горизонтальная<hr/>
линия
Результат на терминале:
Пример 3 | Размер текста
Размер текста задается атрибутом «size=»…»», вставленный в теги.
Например, <b size=»…»>…</ b>, <r size=»…»>…</r>, <Red size=»…»>…</Red>.
<r size="18">Размер текста 18</r>
<r size="14">Размер текста 14</r>
<r size="10">Размер текста 10</r>
Результат на терминале:
Пример 4 | Цвет текста
В этом примере мы задаем цвет текста несколькими способами.
<Green>Зеленый цвет текста задан словом "Green"</Green><hr/>
<r color="#008000">Зеленый цвет текста задан кодом color="#008000"</r><hr/>
<r color="Green">Зеленый цвет текста задан color="Green"</r><hr/>
<Red>красный</Red>
<Blue>синий</Blue>
<r color="#000000">черный</r>
Результат на терминале:
Пример 5 | Форматирование динамического текста переменной
Форматирование можно применять и при отображении значений переменных.
Сегодня <Red>{CurrentDate.Day}</Red> числоРезультат на терминале:
Пример 6 | Совместное использование тегов
<u><i><b>Наклонный жирный текст с подчеркиванием</b></i></u><hr/>
<b color="Green">Жирный зеленый текст</b><hr/>
<Green size="10">Зелено</Green>-<Red size="16">красный</Red> текст<hr/><r color="#0000FF">Синий <i>наклонный</i> </r><hr/>
<Red size="16">Большой красный</Red><hr/>
Результат на терминале:
Пример 7 | Форматирование переменной SelectedProduct
{SelectedProduct.
Product.Name}
<r color=”blue”>{SelectedProduct.QuantityString:Сканировано (0)}</r>
Мы указали, чтобы информация о количестве и сам текст «Сканировано» отображались синим цветом. Для этого мы задали атрибут цвета текста color=”blue”.
Результат на терминале:
Пример 8 | Форматирование переменной и текста
В этом примере мы укажем, чтобы информация о количестве отображалась жирным шрифтом, а остальной текст обычным шрифтом. Для этого мы заключили в тег <b>…</b>, ту часть, которую мы хотели выделить жирным шрифтом. Теги можно вписывать и внутри переменной ({SelectedProduct.QuantityString: <b>(0)</b>}) и заключать в тег всю переменную (<b> {SelectedProduct.Product.CurrentQuantity} {SelectedProduct.Product.BasePacking.Name} </b>).
(esc) - назад | сканировано {SelectedProduct.Name} - {SelectedProduct.QuantityString: <b>(0)</b>}
Уже набрано - <b> {SelectedProduct.
Product.CurrentQuantity} {SelectedProduct.Product.BasePacking.Name} </b>Результат на терминале:
Пример 9 | Выравнивание текста
Доступно 3 варианта выравнивания текста:
- по левому краю
- по правому краю
- по центру
<r size="12" align="left" color="DarkBlue">Выравнивание по левому краю</r>
<r size="12" align="right" color="DarkGreen">Выравнивание по правому краю</r>
<r size="12" align="center" color="Red">Выравнивание по центру</r>
Результат на терминале
Была ли статья полезна?
Читать далее «Использование псевдоклассов» →
Underline Text HTML Generator — онлайн-инструмент и код C#
Генерация HTML-тега Underline на лету
HTML-тег представляет некоторый текст, стиль которого отличается от обычного текста, например слова с ошибками. Содержимое внутри тега обычно отображается с помощью простого сплошного подчеркивания.
Избегайте использования элемента , если его можно спутать с гиперссылкой! Поэтому не рекомендуется подчеркивать текст, если он вам действительно не нужен. Если вам нужно
выделить текст
, используйте тег. Используйте тег , чтобы дать
сильное значение
к тексту. Эти элементы были созданы специально для этих целей, и браузеры обычно отображают этот текст соответствующим образом.
Создать HTML-тег подчеркивания в C#
Aspose.HTML для .NET API поддерживает набор элементов HTML, определенных в стандарте HTML, а также правила вложения элементов. Вы можете изменить документ, добавив новые элементы, удалив или отредактировав содержимое существующих узлов. Если вы хотите использовать функции редактирования HTML в своем продукте или программно добавить HTML-тег подчеркивания, см. приведенный ниже пример C#. Вы можете создать нужный элемент с помощью нескольких строк кода:
Действия по созданию HTML-тега Underline в C#
- Используйте
СоздатьЭлемент()
метод класса Document для создания элемента
.
Метод Document.CreateElement() создает элемент HTML, указанный tagName, в нашем случае tagName — «u». - Создание текстового содержимого с помощью СоздатьТекстУзел() метод.
- Использование
AppendChild()
метод для добавления текстового содержимого в элемент HTML
. - Скопируйте код HTML-тега подчеркивания и используйте его в своем проекте C#.
Часто задаваемые вопросы
1. Чем полезен этот HTML-генератор с подчеркиванием текста?
Этот инструмент отлично подходит для людей, которые не умеют программировать и нуждаются в теге Underline HTML для размещения на своем веб-сайте. Кроме того, этот HTML-генератор подчеркивания текста будет полезен разработчикам, которые хотят быстро и легко создавать и настраивать элементы для своих проектов HTML или C#. Сгенерируйте, просмотрите результат и используйте сгенерированный код там, где он вам нужен. Кодирование не требуется!
2. Какие браузеры я могу использовать?
Сгенерированный HTML-код для тега Underline HTML будет работать без проблем во всех современных браузерах, таких как Chrome, Opera, Firefox, Safari, Edge и IE, а также в других основных браузерах.
Aspose.HTML для .NET API позволяет создавать код C#, который можно использовать в любом приложении .NET. Он работает на всех платформах, включая Windows, Linux, Mac OS, Android и iOS.
3. Как скопировать код на мой сайт?
После создания дизайна тега Underline HTML перейдите к сгенерированному коду. Скопируйте HTML-код и вставьте его туда, где вы хотите, чтобы элемент отображался на вашем сайте. С другой стороны, вы можете получить код C# для тега Underline HTML, скопировать и использовать его в своем проекте C#.
Начало работы с .NET HTML API
Вы можете использовать несколько способов установки библиотеки Aspose.HTML для .NET в вашей системе:
- Установите пакет NuGet с помощью графического интерфейса диспетчера пакетов NuGet.
- Установите пакет NuGet с помощью консоли диспетчера пакетов. Вы можете использовать следующую команду
PM> Install-Package Aspose.Html. - Установите Aspose.HTML для .NET через MSI.

Эта библиотека поддерживает синтаксический анализ HTML5, CSS3, SVG и HTML Canvas для создания объектной модели документа (DOM) на основе стандарта WHATWG DOM. Aspose.HTML для .NET полностью написан на C# и может использоваться для создания любого типа 32-битного или 64-битного приложения .NET, включая ASP.NET, WCF, WinForms и .NET Core. Прежде чем запускать пример кода преобразования .NET, убедитесь, что у вас есть ОС, такая как Microsoft Windows, или совместимая с .NET Framework или .NET Standard, и среда разработки, такая как Microsoft Visual Studio. Дополнительные сведения об установке библиотеки C# и системных требованиях см. Документация Aspose.HTML.
Тег HTML u — элемент подчеркивания текста
- « Все теги HTML
- Описание всех тегов HTML »
Тег HTML
используется для представления подчеркнутого текста. Как правило, тегопределяет слова или фрагменты текста, которые должны быть представлены по-другому, например, слова с ошибками или имена собственные в восточноазиатских символах.
Удаление тега HTML
в спецификации HTML 4.01. Но в HTML5 его снова добавили.
Пример
<голова>HTML-тег u голова> <тело>В этом примере представлен текст подчеркивание.
тело>
Запустить его… »
Атрибуты тегов Тег HTML не поддерживает какие-либо определенные атрибуты.
Глобальные атрибуты
HTML Тег поддерживает следующие глобальные атрибуты.
| Атрибуты | Описание | |
|---|---|---|
| идентификатор | уникальное_имя | Объявлен уникальный идентификатор элемента. |
| класс | имя_класса | Объявлено одно или несколько имен классов для элемента.![]() |
| стиль | стиль | Встроенные стили CSS определяют элемент. |
| наименование | Название | Укажите дополнительные сведения о содержании элемента, это будет отображаться как «подсказка» для элементов. |
Атрибуты событий
Тег HTML поддерживает следующие атрибуты событий.
| Атрибуты | Значение | Описание |
|---|---|---|
| онфокус | сценарий | Элементполучает фокус на объект при запуске скрипта. |
| размытие | сценарий | Элемент теряет фокус на объекте при запуске скрипта.![]() |
| прерывание | сценарий | Элементпрерывается на объекте при запуске скрипта. |
| сменный | сценарий | Элементполучает любое изменение объекта при запуске скрипта. |
| перед выгрузкой | сценарий | Элементвыгружается на объект при запуске скрипта. |
| по клику | сценарий | щелкнул объект при запуске скрипта. |
| ondblclick | сценарий | двойной щелчок по объекту при запуске скрипта. |
| нажатие клавиши | сценарий | Клавиша нажата при запуске скрипта.![]() |
| нажатие клавиши | сценарий | Клавишанажата над элементом, а затем отпущена при запуске скрипта. |
| сценарий | Ключотпускается над элементом при запуске скрипта. | |
| сценарий | кнопка мыши была нажата над элементом при запуске скрипта. | |
| onmouseout | сценарий | указатель мыши отпускается над элементом при запуске скрипта. |
| перемещение мыши | сценарий | Запуск Указатель мыши перемещается при запуске скрипта. |
| при наведении мыши | сценарий | выполнить перемещение указателя мыши при запуске сценария.![]() |
| для мыши вверх | сценарий | кнопка мыши отпускается при запуске скрипта. |
| при сбросе | сценарий | Формабыла сброшена при запуске скрипта. |
| по выбору | сценарий | Выберите содержимое при запуске скрипта. |
| при отправке | сценарий | Формабыла отправлена при запуске скрипта. |
| под нагрузкой | сценарий | объект загружается при запуске скрипта. |
| сменный | сценарий | позволяют изменить объект при запуске скрипта.![]() |
| при разгрузке | сценарий | выгружать в окно браузера при запуске скрипта. |
| на драге | сценарий | Элемент перетаскивается при запуске скрипта. |
| ондрагенд | сценарий | элемент перестает перетаскиваться при запуске скрипта. |
| Драгентер | сценарий | элемент перетаскивается при запуске скрипта. |
| на накладке | сценарий | Элементостается перетаскиваемым при запуске скрипта. |
| ондраговер | сценарий | Элемент находится над целью, перетаскиваемой при запуске скрипта.![]() |
| ондрагстарт | сценарий | элемент начинает перетаскиваться при запуске скрипта. |
| впускной | сценарий | Элементудаляется при запуске скрипта. |
| при ошибке | сценарий | Ошибка элементавозникает при запуске скрипта. |
| в сообщении | сценарий | Сообщение об элементеотображается при запуске скрипта. |
| при ошибке | сценарий | Ошибка элементавозникает при запуске скрипта. |
| на колесике мыши | сценарий | колесо мыши будет вращаться при запуске скрипта.![]() |

