HTML позволяет создавать несколько тултипов с помощью атрибута title. Тултип — это всплывающая подсказка, которая появляется при наведении курсора на элемент страницы.
Для создания нескольких тултипов на странице, вам необходимо добавить атрибут title к каждому элементу, для которого вы хотите создать подсказку. Например, для тега <a>:
<a href="#" title="Tooltip 1">Link 1</a> <a href="#" title="Tooltip 2">Link 2</a> <a href="#" title="Tooltip 3">Link 3</a>
В данном примере мы создаем три тултипа для трех разных ссылок. Текст в атрибуте title будет отображаться в виде подсказки, когда пользователь наведет курсор на ссылку.
Однако стандартные тултипы могут ограничиваться простым текстом и ограниченными возможностями стилизации. Если вам нужно создать более сложные или настраиваемые тултипы, можно воспользоваться JavaScript-библиотеками, такими как jQuery UI Tooltip или Bootstrap Tooltip.
Например, при использовании jQuery UI Tooltip вам потребуется добавить соответствующие скрипты и стили. Пример кода может быть следующим:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( document ).tooltip();
} );
</script>
</head>
<body>
<a href="#" title="Tooltip 1">Link 1</a>
<a href="#" title="Tooltip 2">Link 2</a>
<a href="#" title="Tooltip 3">Link 3</a>
</body>
</html>
В этом примере мы включаем jQuery и jQuery UI, а затем вызываем функцию tooltip(), которая применяет стили и поведение всплывающей подсказки к элементам с атрибутом title. Получившиеся тултипы будут иметь более продвинутые возможности с той же самой легкостью, с которой можно задать простой текст подсказки.
Вывод: чтобы создать несколько тултипов в HTML, вы можете использовать атрибут title, чтобы добавить простой текстовый тултип, или использовать JavaScript-библиотеки для создания более сложных и настраиваемых тултипов.