Lish_z20

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lish_z20</title>
<style>
 .block1{
    background-color:  #fffdd0;
    width: 100%;
    height: 40%;
}
 .block2{
    background-color:  magenta;
    width: 80%;
    height: 15%;
}
 .block3{
    background-color:  rgb(172, 230, 36);
    width: 100%;
    height: 30%;
}
p{
    color: orange;
    font-size: 20pt;
    font-family: Arial;
}
i{
    color: green;
    font-size: 20pt;
}
strike{
    color: red;
    font-size: 20pt;
}
u{
    color:purple;
    font-size: 20pt;
}
h1{
    color:blue;
    font-size: 30pt;
    text-decoration: underline;
}
#punkt1{
    color:blue;
    font-size: 25pt;
}
#punkt2{
    color:red;
    font-size: 20pt;
}
#punkt3{
    color:grey; 
    font-size: 15pt;
}
</style>
</head>
<body>
    <div class="block1"><p>P jest kolorem pomarańczowym<br>wielkością 20 punktów<br>i czcionką Arial<br>(Informatka jest informatyczną)</p></div>
    <div class="block2"><i>I jest pogrubione</i><strike>Strike jest przekreślone(Informatka jest informatyczną)</strike><u>U ma nadkreślenie(Informatka jest informatyczną)</u></div>
    <div class="block3">
        <h1>Nagłówek poziomu 1. jest podkreślony(Informatka jest informatyczną)</h1>
        <ol type="number">
            <li id="punkt1">punkt pierwszy(Informatka jest informatyczną)</li>
            <li id="punkt2">punkt drugi(Informatka jest informatyczną)</li>
            <li id="punkt3">punkt trzeci(Informatka jest informatyczną)</li>
        </ol>
    </div>
</body>
</html>