L22.Task1.html - master - Ardashir/new

L22.Task1.html
120 строк3 KB
Пользователь по умолчанию
Новое
11 апр 2026, 08:30
11 апр 2026, 08:30ce13a86
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        #elem1{
            display: inline;
            width: 200px;
            height: 60px;
            border: 1px solid red;
            margin-right: 5px;
        }      
        #elem2{
            margin-top: 20px;
            display: block;
            width: 100px;
            height: 60px;
            border: 1px solid red;
            margin-right: 5px;
            margin-bottom: 20px;
        }    
        .elem3{
            margin-top: 20px;
            width: 600px;
            height: 300px;
            border: 1px solid red;
        }    
        .elem33{
            width: 100px;
            height: 80px;
            border: 1px solid green;
            margin: 10px auto;
        }    
        .elem333{
            width: 150px;
            height: 80px;
            border: 1px solid green;
            margin: 10px auto;
        }   
         .elem3333{
            width: 200px;
            height: 80px;
            border: 1px solid green;
            margin: 10px auto;
        }    
        .parent{
            margin-top: 20px;
            padding: 10px 0;
            border: 1px solid red;
        }
        .child{
            padding: 10px;
            border: 1px solid green;
        }
         .parent1{
            margin-top: 20px;
            padding: 10px 20px 10px 0px;
            border: 1px solid red;
        }
        .child1{
            padding: 10px;
            border: 1px solid green;
        }
        .parent2{
            margin-top: 20px;
            padding: 10px 0px;
            border: 1px solid red;
        }
        .child2{
            padding: 10px;
            border: 1px solid green;
            margin: 10px 40px 10px 0px;
        }
        .parent3{
            border: 1px solid red;
            padding: 10px 0px;
        }
        .parent3{
             display: inline-block;
            border: 1px solid gray;
            padding: 10px 20px;
        }
    </style>
    <title>T</title>
</head>
<body>
    <p>Задание 1</p>
    <div id = "elem1">text</div><div id = "elem1">text</div><div id = "elem1">text</div>

    <p>Задание 2</p>
    <div id = "elem2"><z href = "https://omacademy.ru/">сылка</z></div><div id = "elem2"><z href = "https://omacademy.ru/">сылка</z></div><div id = "elem2"><z href = "https://omacademy.ru/">сылка</z></div>

    <p>Задание 3</p>
    <div class = "elem3">
        <div class ="elem33"></div>
        <div class ="elem333"></div>
        <div class ="elem3333"></div>
    </div>

    <p>Изначальная Форма</p>
    <div class = "parent">
        <div class = "child"></div>
    </div>

     <p>Задание4</p>    
    <div class = "parent1">
        <div class = "child1"></div>
    </div>

    <p>Задание 5</p>
     <div class = "parent2">
        <div class = "child2"></div>
    </div>

    <p>Задание 6</p>
    <div class = "parent3">
        <div class = "child3"><z href = "https://omacademy.ru/">сылка</z></div>
    </div>
</body>
</html>