<!DOCTYPE html>
<html lang="pl">
<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>
<a href="https://helion.pl">Helion</a>
<a href="https://helion.pl" target="_blank">Helion w nowej karcie</a>
<ul> <!-- lista nienumerowana; li*3 -->
<li><u>Europa</u></li>
<li><em>Ameryka Północna</em></li>
<li>Azja</li>
</ul>
<ol> <!-- lista numerowana; li*4 -->
<li>Coś</li>
<li>Coś innego</li>
<li>Punkt trzeci</li>
<li>I tak dalej</li>
</ol>
<dl> <!-- lista definicji -->
<dt>HTML</dt> <!-- hasło -->
<dd>Język znaczników</dd> <!-- definicja -->
<dt>CSS</dt>
<dd>Kaskadowe arkusze stylów</dd>
</dl>
<p> <!-- sformatowany tekst -->
<pre>
h1 {
color: red;
margin: 10px 0;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
</pre>
</p>
<p><strong>Lorem10:</strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae, facere.</p>
</body>
</html>