czwartek, 15 października 2020

LearningApps

Otwórz aplikację  https://learningapps.org/

Zaloguj się

Kliknij Stwórz aplikację

Wybierz Milioner i naciśnij Utwórz nową aplikację

Napisz pytania do gry na temat  Akademii Pana Kleksa. Postaraj się aby trudno było odgadnąć poprawną odpowiedź.

niedziela, 11 października 2020

Arkusz stylów css

 /* to jest komentarz, w pliku css jest zdefiniowany m.in. styl tła i czcionki */

body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
}

h1 {
  font-style: italic;
  color: #373fff;
}

Podstawowa struktura w html

 <!DOCTYPE html> <!--linia informująca przeglądarkę że postanowiliśmy zakodować stronę w standardzie HTML-->
<!--tak wygląda komentarz, nie widać go na stonie-->
<!--W starszych wersjach standardu HTML znaczniki mogły być zapisywane dowolną wielkością liter, ale wraz z kolejnymi  wersjami wprowadzono zapisywanie wszystkich tagów małymi literami-->

<html lang="pl"> <!--informacja dla przeglądarek języka strony-->
    <head>
        <meta charset="UTF-8" />         <!--sposób kodowania znaków z klawiatury-->
        <title>Tytuł strony</title> <!--To będzie widać po najechaniu myszką na kartę przeglądarki, tak wyszukiwarka będzie wyświetlać naszą stronę-->
        <meta name="description" content="Opis strony widoczny w wyszukiwarce. Najlepiej żeby miał około 155-160 znaków" />
        <meta name="keywords" content="tu po przecinku wpisz słowa kluczowe po których wyszukiwarka ma znajdować Twoją stronę" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!--ta linia pomoże prawidłowo wyświetlić się stronie w przeglądarkach typu IE-->
                    
        <link rel="stylesheet" href="mojestyle.css" type="text/css" /> <!--odwołanie do pliku css w którym określony jest format tekstu-->
    </head>

    <body>

        <h1>To jest nagłówek</h1>
        
            <p>To jest paragraf</p>
            
                <a href="https://www.w3schools.com/" target="_blank" title="Podpowiedź dokąd prowadzi link">Kursy programowania webowego</a> <!--tak dodajemy hiperłącza, target="_blank" określa że strona ma się otworzyć w nowej karcie-->
                
                <br /> <!--znacznik końca linii, tekst zapisany poniżej pojawi się w następnej linii-->
                
                Tekst w części body można dodawać też bez znaczników. <br />
                Będzie miał domyślny format przeglądarki. <br /> <br />
                
                <img src="images/lights.jpg" /> <!--tak dodajemy zdjęcia i obrazy-->
                
                <br /><br />
                
                <a href="https://pixabay.com/pl/" target="_blank" title="Darmowe obrazy i grafiki"> <img src="images/jumpman.jpg" /> </a><!--tak dodajemy hiperłącza do zdjęć lub obrazów-->
            
                
            

    </body>
</html>