Kod HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Artem Korotkov</title> <link rel="stylesheet" href="koro_z20.css"> </head> <body> <div class="block1"> <p>P jest kolorem pomarańczowym <br> wielkością 20 punktów <br> i czcionką Arial <br> (Informatyka jest super) </p> </div> <div class="block2"> <i>I jest pogrubione</i> <strike>Strike jest przekreślone (Informatyka jest super)</strike> <u>U ma nakreślenie (Informatyka jest super)</u> </div> <dir class="block3"> <h1>Nagłówek poziomu 1. jest podkreśłony (Informatyka jest super)</h1> <ol> <li id="list1">Punkt pierwszy (Informatyka jest super)</li> <li id="list2">Punkt drugi (Informatyka jest super)</li> <li id="list3">Punkt trzeci (Informatyka jest super)</li> </ol> </dir> </body> </html> <!-- Artem Korotkov -->
Kod CSS
.block1{ background-color: #FFFDD0; width: 100%; height: 40%; } p{ color: orange; font-size: 20pt; font-family: Arial; } .block2{ background-color: magenta; width: 80%; height: 15%; font-size: 20pt; } i{ color: green; } strike{ color: red; } u{ color: purple; text-decoration: overline; } .block3{ background-color: #C0D727; width: 100%; height: 30%; } h1{ color: blue; text-decoration:underline; } #list1{ color: blue; font-size: 25pt; } #list2{ color: red; font-size: 20pt; } #list3{ color: grey; font-size: 15pt; }