|
|
Строка 1: |
Строка 1: |
| <!DOCTYPE html> | | <tabs> |
| <html lang="en">
| | <tab name="Громкий"> |
| <head>
| | 1 |
| <meta charset="UTF-8">
| | </tab> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| <title>Document</title>
| |
| <!-- Подключение нового CSS-файла -->
| |
| <link rel="stylesheet" href="path/to/custom-styles.css">
| |
| <!-- Подключение стилей для вкладок -->
| |
| <link rel="stylesheet" href="path/to/tabs-styles.css">
| |
| </head>
| |
| <body>
| |
| <div class="tabs">
| |
| <div class="tabs-nav">
| |
| <span class="tab-link current" data-tab="tab1">Громкий</span>
| |
| <span class="tab-link" data-tab="tab2">Скрытный</span>
| |
| <span class="tab-link" data-tab="tab3">Одинокий оперативник</span>
| |
| </div>
| |
| <div id="tab1" class="tab-content current">
| |
| <p>Содержимое вкладки "Громкий"</p>
| |
| </div>
| |
| <div id="tab2" class="tab-content">
| |
| <p>Содержимое вкладки "Скрытный"</p>
| |
| </div>
| |
| <div id="tab3" class="tab-content">
| |
| <p>Содержимое вкладки "Одинокий оперативник"</p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- Подключение скрипта для работы вкладок -->
| | <tab name="Скрытный"> |
| <script src="path/to/tabs-script.js"></script>
| | 2 |
| </body> | | </tab> |
| </html> | | |
| | <tab name="Одинокий оперативник"> |
| | 3 |
| | </tab> |
| | </tabs> |