/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
html/lab4/task4/index.html
42 строки
1 KB
Coderdev
1
12 май 2026, 12:37
12 май 2026, 12:37
d8ecd0f
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Задание 4. Мировое время</title> <style> body { font-family: sans-serif; padding: 20px; background: #f0f0f0; } .clock-container { display: flex; flex-wrap: wrap; gap: 20px; } .clock-card { background: #fff; padding: 15px; border: 2px solid #ddd; width: 150px; text-align: center; } .clock-card.active { background: #333; color: #fff; } .time { font-family: monospace; font-size: 1.5rem; display: block; margin-top: 10px; } select { margin-bottom: 20px; padding: 10px; font-size: 16px; } </style> </head> <body> <h2>Мировое время</h2> <label for="citySelect">Выберите город для подсветки:</label> <select id="citySelect"> <option value="Europe/Moscow">Москва</option> <option value="Asia/Tokyo">Токио</option> <option value="Europe/London">Лондон</option> <option value="America/New_York">Нью-Йорк</option> <option value="America/Los_Angeles">Сиэтл</option> </select> <div class="clock-container" id="clocks"> </div> <script src="clock.js"></script> </body> </html>