Files
Pidis_website/index.html
Frog-Lover-Antony 3ab08efc91 code++
2023-10-20 19:34:39 +03:00

52 lines
3.7 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru-en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Пидис страничка</title>
<link rel='stylesheet' type='text/css' media='screen' href="style.css"/>
</head>
<body>
<!--Header-->
<div class="header" id="header">
<ul class="nav">
<li><a href="#home">Главная</a></li>
<li><a href="#info">Информация</a></li>
</ul>
</div>
<!--Title-->
<h1 id="home">Страничка для ПиДИС</h1>
<!--Text-->
<div class="container">
<h2>Как создать простую страницу на HTML</h2>
<ol>
<p><li>Откройте ваш любимый текстовый редактор и создайте новый файл с расширением .html.</p></li>
<p><li>Напишите в начале документа <code>&lt!DOCTYPE html&gt</code>, а затем первый тег <code>&lthtml&gt</code>.</p></li>
<p><li>Внутри тега <code>&lthtml&gt</code> добавьте следующие теги в порядке: <code>&lthead&gt</code>, <code>&lttitle&gt</code>, <code>&lt/title&gt</code>, и <code>&lt/head&gt</code>.</p></li>
<p><li>Внутри напишите название вашего сайта внутри тега <code>&lttitle&gt</code>.</p></li>
<p><li>Далее, создайте тег <code>&ltbody&gt</code> и начинайте добавлять контент к нему.</p></li>
<p><li>Чтобы структурировать страницу более организованно, используйте теги <code>&ltdiv&gt</code>, и <code>&ltspan&gt</code> для группировки элементов, таких как заголовки, параграфы и списки.</p></li>
<p><li>Для заголовочных тегов используйте от <code>&lth1&gt</code> до <code>&lth6&gt</code>, в зависимости от их важности. Используйте тег <code>&ltp&gt</code> для создания абзацев текста.</p></li>
<p><li>Добавьте ссылки между страницами с помощью тега <code>&lta&gt</code> вместе со свойством <code>href</code>, указывающим на другие файлы.</p></li>
<p><li>Создавайте списки с помощью <code>&ltol&gt</code> (нумерованный) или <code>&ltul&gt</code> (ненумерованный) и элементы списка через <code>&ltli&gt</code> (независимо от типа списка).</p></li>
<p><li>Для включения изображений используйте тег <code>&ltimg&gt</code> с атрибутом <code>src</code>, указывающим путь к файлу изображения.</p></li>
<p><li>Для встраивания видео используйте тег <code>&ltvideo&gt</code> с атрибутом <code>src</code>, указывающим на видеофайл, и <code>controls</code> для того, чтобы пользователи могли проигрывать и ставить видео на паузу.</p></li>
<p><li>Всегда закрывайте открывающие теги соответствующими закрывающими тегами.</p></li>
</ol>
<p>Удачи!</p>
</div>
<!--Footer-->
<div><footer id="info">
<p class="nav"><a href="#header">Наверх</a></p>
<p><!--&copy;--> 10.2023, Никитин Антон</p>
<p><a href="http://kormcraft.ddns.net:3000/Antone/Pidis_website">gitea</p>
</footer></div>
</body>
</html>