index.html

<!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>
    <div>
        <ul>
            <h1>завдання 1</h1>
            <h2>блокові</h2>
            <li>h1,h2,h3,h4,h5,h6,div,ul,ol</li>
            <h2>рядкові</h2>
            <li>a,img,button,span,</li>
        </ul>
    </div>
    <div>
        <img src="https://static.detstrana.ru/public/album_photo/49/83/12/125ed8_f473.jpg?c=bb46" alt="йожик">
        <h1>йожик</h1>
        <p>jdiajdiajdijaidjajdiajdajdkajkajafhfhahfjhfjkhfjkehfuhsefjaesbhufhewjflshaeuofcajfhajfnafhaljkhfuioahfahfafajipfhaifhafhpifhfgshfqhifjaipjapifhw</p>
        <a target="_blank" href="https://www.google.com/search?q=%D0%B9%D0%BE%D0%B6%D0%B8%D0%BA&sxsrf=ALeKk02LaI1_m55LYAy2gmpNqJpY-114aA%3A1626972387154&source=hp&ei=46D5YMTdBoW58gL8w5vgDQ&iflsig=AINFCbYAAAAAYPmu80DMduEdeHcQ97AnsjrG6aaKXACZ&oq=&gs_lcp=Cgdnd3Mtd2l6EAEYATIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCC4Q6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJzIHCCMQ6gIQJ1AAWABg1yRoAXAAeACAAQCIAQCSAQCYAQCqAQdnd3Mtd2l6sAEK&sclient=gws-wiz"></a>
    </div>

    <div>
        <ol class="text">
            
            <li> <p><span class="nastroiki_text">text1</span></p>  Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae dolore iste placeat beatae eligendi dolor maiores quia voluptates obcaecati, facere ut neque, adipisci autem! Ratione ut id illo voluptatum iure.</li>
                        
            <li><p class="nastroiki_text">text1</p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore vero minima error laborum nulla, saepe explicabo et alias aliquid, odit voluptate numquam adipisci dicta itaque nesciunt sed fugit eaque debitis?</li>
                       
            <li><p class="nastroiki_text">text1</p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt, vel rerum! Fuga voluptatem inventore dolor nisi eveniet sapiente laudantium nam, quae veniam, iste id, quos similique debitis eius voluptatibus commodi.</li>
        </ol>

    </div>
</body>
</html>