Sprawdzian Z Informatyki Strona Html Gimnazjum Zadane

Witaj! Gotowy na sprawdzian z informatyki z HTML? Super! Spróbujemy zrozumieć wszystko krok po kroku, skupiając się na tym, jak działa strona internetowa. Wyobraź sobie, że to jak budowanie domu.

Czym jest HTML?

HTML, czyli HyperText Markup Language, to język, którym opisujemy strukturę strony internetowej. Pomyśl o nim jak o szkielecie domu. Bez niego, wszystkie elementy (tekst, obrazki, filmy) leżałyby bezładnie.

Wyobraź sobie przepis kulinarny. Masz listę składników i instrukcje. HTML robi to samo dla przeglądarki internetowej. Mówi: "Tu wstaw nagłówek, tu paragraf, a tu zdjęcie!". Każdy element jest oznaczony specjalnym tagiem.

Must Read

Tagi HTML – Elementy Konstrukcyjne

Tagi to słowa kluczowe w HTML, umieszczone w nawiasach ostrych: < i >. Najczęściej tagi występują parami: otwierający i zamykający. Na przykład, <p> to tag otwierający paragraf, a </p> to tag zamykający paragraf.

Pomyśl o tagach jak o klockach LEGO. Każdy klocek ma swoje zadanie. Tag <h1> to duży nagłówek, jak tytuł rozdziału w książce. Tag <img> wstawia obrazek, jak plakat na ścianie. Tag <a> tworzy link, jak drzwi prowadzące do innego pokoju.

Tworzenie prostej strony internetowej w języku html cz.1 - Informatyka

Podstawowa Struktura Strony HTML

Każda strona HTML ma pewną podstawową strukturę. Zaczyna się od tagu <!DOCTYPE html>, który informuje przeglądarkę, że to strona HTML5. Potem mamy tag <html>, który otacza całą zawartość strony.

Wewnątrz tagu <html> mamy dwie główne sekcje: <head> i <body>. <head> to "głowa" strony – informacje o stronie, takie jak tytuł (<title>), który wyświetla się na karcie przeglądarki. <body> to "ciało" strony – cała zawartość, którą widzisz: tekst, obrazki, filmy.

Tworzymy stronę internetową z wykorzystaniem języka html

Wyobraź sobie to tak: <head> to metadane książki (tytuł, autor, spis treści), a <body> to treść samej książki. Wszystko, co chcesz wyświetlić użytkownikowi, umieszczasz wewnątrz tagu <body>.

Przykład: Prosta Strona HTML

Oto przykład prostej strony HTML:

    
    <!DOCTYPE html>
    <html>
    <head>
      <title>Moja Pierwsza Strona</title>
    </head>
    <body>
      <h1>Witaj Świecie!</h1>
      <p>To jest moja pierwsza strona HTML.</p>
    </body>
    </html>

W tym przykładzie mamy nagłówek <h1>, który wyświetla "Witaj Świecie!", i paragraf <p>, który wyświetla "To jest moja pierwsza strona HTML.". Spróbuj skopiować ten kod do pliku tekstowego, zapisz go z rozszerzeniem .html i otwórz w przeglądarce!

Pamiętaj, że praktyka czyni mistrza. Im więcej będziesz pisał kodu HTML, tym lepiej go zrozumiesz. Powodzenia na sprawdzianie!