• Szkolenia

        • Ćwiczenie - projektowanie strony internetowej

        • 20.04.2021 11:25
        • pomocnicze materiały

        • Struktura pliku tekstowego zawierającego opis strony internetowej

          <html>
          <body>
          </body>
          </html>

          <html>
          <head>
          <title>Tytuł strony</title>
          </head>
          <body>
              <h1>Nagłówek poziomu 1</h1>
              <p>Treść akapitu</p>
          </body>
          </html>

          <html>
          <body style="font-size: 32px">
              <p style="font-size: 48px">treść akapitu w określonym stylu</p>
              <p style="color: yellow; background-color: blue">treść akapitu</p>
              <p style="text-align: center">treść akapitu w określonym stylu</p>
              <p style="font-family: courier">treść akapitu w określonym stylu</p>
          </body>
          </html>

          html> 
          <body> 
          <p> tekst do przedstawienia się </p>
          <a href="https://www.kurshtml.edu.pl/html/zielony.html">Link do kursu języka HTML</a>
          </body> 
          </html>

          <html>
          <body>
            <img src="https://dummyimage.com/800x300.jpg">
          </body>
          </html>

          Znaczniki formatujące tekst:

          • <b> - pogrubienie tekstu
          • <strong> - pogrubiony tekst o podwyższonym znaczeniu
          • <i> - pochylenie tekstu (kusywa)
          • <em> - pochylony tekst o podwyższonym znaczeniu
          • <mark> - zaznaczenie tekstu (wyróżnione tło)
          • <small> - pomniejszenie tekstu
          • <del> - zazaczenie tekstu skasowanego
          • <ins> - zazaczenie tekstu dodanego
          • <sub> - indeks dolny
          • <sup> - indeks górny
          • <q> - cytat (cudzysłowy)
          • <u> - podkreślenie tekstu

          Więcej na lekcji informatyki

          Przydatne adresy:

          Informacja dotyczące kolorów (kody RGB): https://pl.wikipedia.org/wiki/Kolory_w_Internecie

          darmowe grafiki do wykorzystania na stronach WWW: https://pixabay.com/pl/
           

          Po zajęciach uczeń potrafi utworzyć plik .HTML z opisem strony zawierającym:

          1. ustawienie koloru tła, kolor i wielkości czcionki
          2. wprowadzony tekst w akapitach wyrównanych do lewej, prawej strony, wyśrodkowanych
              z tekstem sformatowanym (pogrubienia, podkreślenia, indeksy górny i dolny)
          3. wstawioną grafikę
          4. wstawiony link do innej strony
          5. wstawioną ramkę z filmem z serwisu YouTube lub innego
          6. ustawiony tytuł strony

        • Wróć do listy artykułów

    • Kontakty

      • Zespół Szkolno-Przedszkolny w Mirsku
      • sekretariat@spmirsk.pl, zslgmirsk@tlen.pl
      • 75 78 34 223 - ul. Betleja 75 78 34 250 - ul. Wodna
      • ul. Betleja 32, 59-630 Mirsk Poland
      • sekretariat ul. Betleja: pn. - pt. 7.30 - 15.30 sekretariat ul. Wodna: pn.,wt. 7.00 - 13.00, śr., pt. 7.00 - 11.00

    • Logowanie