НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Як зробити? Готові рішення - сніпети для сайту. W3Schools українською

En Es De

W3Schools Як зробити? Готові рішення (сніпети) для сайту


Сніпети. Готові рішення для сайтів. Фрагменти коду HTML, CSS та JavaScript.

Ви можете використовувати дані готові рішення (сніпети) на своїх сайтах. Це прискорить і полегшить написання коду веб-сторінок. У цих прикладах використовуються лише три технології: HTML + CSS + JavaScript. Ви можете змінювати готовий код (наприклад, стилізацію сторінок за допомогою CSS), пристосовуючи його для своїх веб-проектів.


Слайдшоу

1 / 4
Слайдшоу
Текст заголовку
2 / 4
Слайдшоу
Другий заголовок
3 / 4
Слайдшоу
Третій заголовок
4 / 4
Слайдшоу
Четвертий заголовок


Форма входу


× Аватар
Запам’ятати мене
Забули пароль?

Акордеон

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Випадаючі списки при кліку


Бокова навігація





Модал бокс

×

Модал header

Hello World!

Модали прикольні!

Повернутись до W3 Як зробити Прикладам

Модал footer


Модал зображення

Модальне зображення
× Модальне зображення

Лайтбокс

Лайтбокс
Лайтбокс
Лайтбокс
×
Лайтбокс Лайтбокс Лайтбокс

Модали на веб-сторінках
Модальне зображення
Модальне вікно на веб-сторінці

Галерея слайдшоу

1 / 6
Галерея слайдшоу
2 / 6
Галерея слайдшоу
3 / 6
Галерея слайдшоу
4 / 6
Галерея слайдшоу
5 / 6
Галерея слайдшоу
6 / 6
Галерея слайдшоу

The Woods
Cinque Terre
Mountains and fjords
Northern Lights
Nature and sunrise
Snowy Mountains


Вкладки

Лондон

Лондон - це столиця Великої Британії.

Київ

Київ - це столиця України.

Токіо

Токіо - це столиця Японії.


Вкладка Галереї зображень

Nature ×
Гори

Кнопки оповіщення


Кнопки з контуром



Адаптивна верхня навігація

Змініть розмір вікна браузера, щоб побачити ефект: