Initial commit

2025-11-15 15:29:08 +02:00
commit e881dd953c
11 changed files with 406 additions and 0 deletions
--- a/task1.html
+++ b/task1.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="uk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Блокові та Інлайнові</title>
+    <link rel="stylesheet" href="style1.css">
+</head>
+<body>
+    <h1>Блокові (div) та Інлайнові (span)</h1>
+
+    <h2>Блокові елементи (div)</h2>
+    <div class="block">
+        Це блоковий елемент div. Він займає всю доступну ширину і завжди починається з нового рядка.
+    </div>
+    <div class="block">
+        Це другий елемент div. Він також починається з нового рядка.
+    </div>
+
+    <h2>Інлайнові елементи (span)</h2>
+    <p>
+        Це параграф, а всередині нього є 
+        <span class="inline">елемент span (інлайновий)</span>.
+        Він залишається в потоці тексту і займає лише необхідну йому ширину.
+        <span class="inline">Ось ще один span</span>, який продовжує той самий рядок.
+    </p>
+
+</body>
+</html>