HTML Tools
UKENRU

Інструменти для веброзробників

Форматування, мініфікація та валідація коду прямо в браузері. Без сервера, без відправки ваших даних.

Популярні інструменти

Інструменти →

HTML Форматувач і Мініфікатор

Форматуйте та стискайте HTML код онлайн. Обробка повністю у браузері, без відправки на сервер.

JSON Форматувач і Валідатор

Форматування, валідація та стиснення JSON онлайн у браузері.

Base64 Encode/Decode

Кодування та декодування Base64 у браузері. Коректна робота з кирилицею та emoji.

Regex Tester

Перевірте регулярний вираз на тестовому тексті прямо в браузері, з підсвіткою збігів.

Генератор Meta-тегів

Згенеруйте title, description, Open Graph та Twitter Card теги для сторінки.

JWT Decoder

Розкодуйте header і payload JWT-токена у браузері. Підпис НЕ перевіряється.

Вивчайте та практикуйте HTML

HTML Редактор онлайн

Онлайн HTML редактор з підсвіткою синтаксису, нумерацією рядків та живим прев'ю. Без реєстрації, без сервера.

Навчання HTML

Безкоштовний інтерактивний курс HTML для початківців — з прикладами коду та практичними завданнями.

Практика HTML

Практичні завдання з HTML для самонавчання та навчальної практики.

Довідник

HTML →
<a>

Тег <a>

Атрибути href, target, rel та download тегу <a> з прикладами використання.

 <img>

Тег <img>

Атрибути src, alt, loading та srcset тегу <img> з прикладами.

 <form>

Тег <form>

Атрибути action, method та enctype тегу <form> з прикладом.

 <input>

Тег <input>

Типи та атрибути тегу <input>: type, name, value, required, pattern.

Сніпети

Сніпети →
css

Центрування елемента по горизонталі та вертикалі

Найпростіший сучасний спосіб відцентрувати блок через flexbox.

 html

Responsive image

Як віддати браузеру кілька варіантів зображення для різних розмірів екрана.

 css

Sticky header

CSS position:sticky для заголовка, що залишається видимим при скролі.

 css

Responsive table

Обгортка з overflow-x:auto для горизонтального скролу таблиці на вузьких екранах.

Ваш код залишається у вас

Усі інструменти на цьому сайті обробляють код повністю у вашому браузері. Жоден символ введеного тексту чи вміст завантаженого файлу не надсилається на сервер.