В сьогоднішньому уроці я відповім на запитання одного з моїх передплатників на Youtube каналі. Він захотів зробити клікабельну картинку, щоб при натисканні на неї здійснювався дзвінок за вказаним номером телефону, і самостійно не зміг розібратися як це робиться. Тому я і підготував вже готовий код HTML і детальне пояснення, як обернути картинку в посилання і зробити це посилання номером телефону.
HTML дзвінок по кліку
<a href="tel:номер_телефону"><img title="текст_title" alt="текст_alt" src="/шлях_до_картинки" width="ширина" height="висота"></a>здесь,
- номер_телефону – це номер телефону, за яким буде здійснено дзвінок, якщо користувач натисне на картинку;
- текст_title – текст, який побачить користувач, якщо наведе курсор миші на картинку;
- текст_alt – текст, який побачить користувач, якщо браузер з будь-якої причини не зможе відобразити картинку;
- шлях_до_картинки – вказуємо шлях, де знаходиться картинка, яку потрібно відобразити користувачеві в браузері;
- ширина – ширина зображення в пікселях;
- висота – висота зображення в пікселях.
Готовий приклад коду
<a href="tel:+380501111111"><img title="Зателефонувати" alt="Зателефонувати на номер +380501111111" src="/tel.png" width="200" height="200"></a>
Пригостити автора кавою