Untitled

<!-- Doctype informuje o html 5 -->
<!DOCTYPE html>
<!-- zaczęcie pisania w ęzyku HTML] -->
<html>
    <!-- miejsce do META tagów -->
<head>
    <!-- zaimportowania znaków specjalnych / system kodowania strony -->
    <meta charset="utf-8" />
    <!-- kompatybilnosc ze  starymi przeglądarkami -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- tytuł na zakladce -->
    <title>Pierwsza lekcja</title>
    <!-- skalowalność urzedzenia mobilnego, tablety , laptopy, kompy -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- kaskadowe arkusze stylów. Podpięcie CSS'a -->
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <!-- podpięcie strony (JS'a) -->
    <script src="main.js"></script>
</head>
<!--  treść strony -->
<body>
    <!-- paragraf - blok tekstu -->
    <p>Tomek Mróz
        <!-- break row - złam linie - przejscie do nastepnej lini -->
        <br>
        Katowice
        <br>
       Szkolenie
    </p>
    <!-- headings od h1-h6 / h1 jest najwieksze a h6 najmniejsza -->
    <h1>Węglokoks</h1>
    <p>Najwyższy budynek w Katowicach</p>
    <!-- Lista rzeczy -->
    <!-- tag ul = undefined list - kropki   lista ol - numerowana -->
    <ol>
        <!-- li musi być pod tagiem ul lub ol -->
        <li>Tomek Mróz</li>
        <li>katowice</li>
        <li>sala 234</li>
    </ol>
<!-- TAG 'a' -nawigacja pomiędzy witryną  -->
<!-- href - link do strony na, którą chcemy przejść -->
<!-- pomiędzy TAG alternatywny tekst dla użytkownika -->
<a href="strona2.html">przejdź na stronę drugą</a>
<!-- TAG img wstawia zdjecie -->
<!-- alt - alternative gdyby zdjecie sie nie pojawilo -->
<!-- tag ig width i height- definiuje  szerokość i wysokość -->
<!-- min i max height i width - minimalna i maksymalna szerokość i wysokość -->
<img src="toyota.jpg" alt="toyota" height="100px" width="100px">
</body>
</html>
<!-- alt+ L + O odpala plik w przegladarce (domyślnej) dzieki wtyczce vs live server -->