Dante (обсуждение | вклад) Нет описания правки |
Dante (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
<tabs> | <!DOCTYPE html> | ||
<tab | <html lang="en"> | ||
<head> | |||
</tab> | <meta charset="UTF-8"> | ||
<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> | |||
< | <!-- Подключение скрипта для работы вкладок --> | ||
<script src="path/to/tabs-script.js"></script> | |||
</ | </body> | ||
</html> | |||
</ | |||
</ |
Версия от 12:18, 29 июня 2024
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="path/to/custom-styles.css"> <link rel="stylesheet" href="path/to/tabs-styles.css">
</head> <body>
Громкий Скрытный Одинокий оперативник
Содержимое вкладки "Громкий"
Содержимое вкладки "Скрытный"
Содержимое вкладки "Одинокий оперативник"
<script src="path/to/tabs-script.js"></script>
</body> </html>