/
Coderdev
/
web-static-labs
Обзор
Документация
Войти
/
Coderdev
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab5/index.html
146 строк
3 KB
Coderdev
1
26 мар 2026, 23:33
26 мар 2026, 23:33
6331fa1
Код
Авторство
О чём код?
<!doctype html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Лабораторная работа №5</title> <link rel="stylesheet" href="../site.css"> </head> <body> <div class="wrapper"> <a class="back-link" href="../index.html">← Назад</a> <header class="header"> <div class="logo"> <div class="logo-mark">L5</div> <div class="logo-text"> <h1>Лабораторная работа №5</h1> <p>JavaScript Events</p> </div> </div> <nav class="nav"> <a href="../lab1/">Лаба 1</a> <a href="../lab2/">Лаба 2</a> <a href="../lab3/">Лаба 3</a> <a href="../lab4/">Лаба 4</a> </nav> </header> <section class="hero"> <div class="panel"> <h2>Задания</h2> <p class="lead"> Работа с событиями JavaScript, формами, DOM и интерактивными элементами. </p> <div class="progress-box"> <div class="progress-title"> <span>Прогресс</span> <strong>1 / 9</strong> </div> <div class="progress-bar"> <div class="progress-fill" style="width:10%;"></div> </div> </div> </div> </section> <section class="task-list"> <div class="task-item"> <div class="task-left"> <strong>Task 1</strong> <span>Подписка + popup</span> </div> <a class="task-link" href="./task1/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 2</strong> <span>ToDo список</span> </div> <a class="task-link" href="./task2/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 3</strong> <span>Поле 10x10</span> </div> <a class="task-link" href="./task3/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 4</strong> <span>Контакты + фильтр</span> </div> <a class="task-link" href="./task4/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 5</strong> <span>Калькулятор</span> </div> <a class="task-link" href="./task5/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 6</strong> <span>Генератор паролей</span> </div> <a class="task-link" href="./task6/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 7</strong> <span>Таблица умножения</span> </div> <a class="task-link" href="./task7/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 8</strong> <span>HTML форма</span> </div> <a class="task-link" href="./task8/">Открыть</a> </div> <div class="task-item"> <div class="task-left"> <strong>Task 9</strong> <span>JS валидация</span> </div> <a class="task-link" href="./task9/">Открыть</a> </div> </section> <div class="footer"> © 2026 · Лаба 5 </div> </div> </body> </html>