HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div style="background-color: #FFFDD0;width: 100vw;height: 40vh;"> <p style="color: orange;font-size: 20pt;font-family: Arial, Helvetica, sans-serif;"> programowanie,<br> technologie drukowania,<br> monitory </p> </div> <div style="background-color: magenta;width: 80vw;height: 15vh;font-size: 20pt;"> <p> <i style="color: green;font-weight: bold;">I jest pogrubione w tym tekscie</i> <strike style="color: red;">strike jest przekreślone kreską</strike> <u style="color: purple;text-decoration: overline;">tutaj U ma nadkreslenie</u> </p> </div> <div style="background-color: springgreen;width: 100vw;height: 30vh;"> <h1 style="color: blue;font-size: 30pt;text-decoration: underline;">Nagłówek poziomu 1. jest najwiekszy</h1> <ol> <li style="color: blue;font-size: 20pt;">Python</li> <li style="color: red;font-size: 15pt;">Ruby</li> <li style="color: grey;font-size: 10pt;">Rust</li> </ol> </div> </body> </html> <!--Olivier Michałowski-->