<!DOCTYPE html>
<link rel="stylesheet" href="style.css"/> <!-- nie ma znacznika zamykajacego -->
<!-- bez rel nie dziala. trzeba mu powiedziec zeby sobie wzial ten szablon stylu -->
<!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.js" integrity="sha256-fNXJFIlca05BIO2Y5zh1xrShK3ME+/lYZ0j+ChxX2DA="
crossorigin="anonymous"></script>-->
<h1 id="tytul">My Story
</h1> <!-- w html wszystko w jednej linijce -->
<p>Once upon a time
©, …
</p>
<li class="czerwony"> Ala
</li>
<img alt="tekst alternatywny" src="https://pobierak.jeja.pl/images/9/e/6/103520_jezeli-obrazek-twoj-w-poczekalni.jpg" title="Tekst dymka" />
<a href="#"> Tekst odnośnika (lub obrazek)
</a>
<h1 class="czerwony" > Ala ma kota
</h1>
<P class="uwaga_12" title="chmurka 2" >
a kot ma ale
<h3 id="zwierze" > <!-- h3 mniejszy naglowek h1 najwiekszy h1- h6 -->
krokodyl
<hr> <!-- kreska w poziomie na stronce -->
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}