04.09
9/04/2023
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- Коментар -->
<!-- Початок блоку заголовків -->
<h1>Заголовок 1 рівня</h1>
<h2>Заголовок 1 рівня</h2>
<h3>Заголовок 1 рівня</h3>
<h4>Заголовок 1 рівня</h4>
<h5>Заголовок 1 рівня</h5>
<h6>Заголовок 1 рівня</h6>
<!-- Курсивний текст, тег em -->
<em>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid ad nulla temporibus vero cum dignissimos tempore porro, saepe voluptatem reprehenderit!
</em>
<!-- Горизонтальна риска тег hr -->
<hr>
<!-- Додаємо перенос слова, тег br -->
Я <br> вивчаю <br> html, <br> css
<!-- Додаємо новий абзац, параграф, тег p -->
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laboriosam cumque unde porro animi, neque, ratione dignissimos illo asperiores modi
<span>
fuga corrupti pariatur
</span>
fuga corrupti pariatur provident deleniti quam sunt minus numquam ipsum suscipit veniam voluptatem cupiditate vero. Dolor explicabo libero, deserunt non esse aut nulla beatae voluptatum, id nesciunt veniam odio saepe similique?
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quidem, fugit quisquam maiores consequatur optio sint repellat, minima tempora rerum debitis incidunt odit id! Deserunt quisquam ea accusantium? Magni asperiores velit soluta veritatis consequatur cupiditate atque eius modi. Cupiditate ex, obcaecati rem dolorem modi laudantium provident. Esse nobis laborum optio!
</p>
<!-- Додаємо картинку, тег img -->
<img src="https://i.pinimg.com/originals/a2/e4/33/a2e4336a266f8171b3578a586018dd1a.png" alt="">
<!-- Маркерований список, тег ul -->
<hr>
<p>Маркерований список, тег ul</p>
<ul>
<li>Елемент списку 1</li>
<li>Елемент списку 2</li>
<li>Елемент списку 3</li>
<li>Елемент списку 4</li>
<li>Елемент списку 5</li>
</ul>
<!-- Нумерований список, тег ol -->
<hr>
<p>Нумерований список, тег ol</p>
<ol>
<li>Елемент списку 1</li>
<li>Елемент списку 2</li>
<li>Елемент списку 3</li>
<li>Елемент списку 4</li>
<li>Елемент списку 5</li>
</ol>
</body>
</html>
