<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f5f5f5;
}
.container {
max-width: 1200px;
margin: 0 auto;
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
table {
width: 100%;
border-collapse: collapse;
background: white;
}
th, td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th {
background-color: #f8f9fa;
font-weight: 600;
color: #333;
}
tr:hover {
background-color: #f8f9fa;
}
.key {
display: inline-block;
padding: 2px 6px;
border-radius: 4px;
font-family: monospace;
margin-right: 5px;
color: white;
}
.win { background: #9C27B0; }
.ctrl { background: #4CAF50; }
.alt { background: #2196F3; }
.shift { background: #FF5722; }
.other { background: #607D8B; }
.context {
color: #666;
}
</style>
</head>
<body>
<div class="container">
<table>
<thead>
<tr>
<th>Сочетание клавиш</th>
<th>Действие</th>
<th>Контекст</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="key ctrl">CTRL</span><span class="key other">X</span></td>
<td>Вырезать выбранный элемент</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key ctrl">CTRL</span><span class="key other">C</span></td>
<td>Копировать выбранный элемент</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key ctrl">CTRL</span><span class="key other">INSERT</span></td>
<td>Копировать выбранный элемент</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key ctrl">CTRL</span><span class="key other">V</span></td>
<td>Вставить выбранный элемент</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key shift">SHIFT</span><span class="key other">INSERT</span></td>
<td>Вставить выбранный элемент</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key ctrl">CTRL</span><span class="key other">Z</span></td>
<td>Отменить действие</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key alt">ALT</span><span class="key other">TAB</span></td>
<td>Переключение между открытыми приложениями</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key alt">ALT</span><span class="key other">F4</span></td>
<td>Закрытие активного элемента или выход из активного приложения</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key win">WIN</span><span class="key other">L</span></td>
<td>Блокировка компьютера</td>
<td class="context">Общие</td>
</tr>
<tr>
<td><span class="key win">WIN</span><span class="key other">D</span></td>
<td>Отображение и скрытие рабочего стола</td>
<td class="context">Общие</td>
</tr>
<!-- [Продолжение всех остальных комбинаций клавиш аналогичным образом] -->
</tbody>
</table>
</div>
</body>
</html>
