HTML - Zadanie do zaliczenia z informatyki dla klasy 8

1. Należy zbudować osobistą stronę www opartą na HTML z kilkoma podstronami:

- index.html (strona główna osobistej strony, gdzie będą linki do podstron)

- omnie.html (kilka zdań o sobie)

- zainteresowania.html (prezentacja swoich zainteresowań, hobby)

- miejsce.html (opisać miasto Susz lub miejscowość, gdzie się mieszka)

- linki.html (strona z odnośnikami do ciekawych stron w Internecie)

! można zrobić więcej podstron, ale nie będzie to miało decydującego wpływu na ocenę.

2. Na każdej podstronie powinno znaleźć się przynajmniej jedno zdjęcie.

! Zdjęcia ze strony najlepiej umieścić w osobnym folderze foto/

! Można wrzucać więcej zdjęć na stronę z Internetu lub z katalogu Foto

3. Na każdej stronie powinien być link do strony głównej i głównych podstron (tekst albo obrazek)

4. Strona tworzona musi być tylko w HTML

! dla osób chętnych można stronę wzbogacić o CSS i inne znaczniki formatowania tekstu w HTML

5. Kryteria oceny:

- poprawność kodu HTML, działające linki i zdjęcia,

- prawidłowa struktura według minimalnych wymagań 5 podstron,

- przejrzystość strony i włożony wysiłek,

Podpowiedź dla ucznia:

Treść akapitu, wyodrębione zdanie: <p>

<p>Przykładowe zdanie, treść akapitu</p>
<p style="text-align: justify">Przykładowe zdanie, treść akapitu z wyrównaniem do lewa i prawa</p>

Znacznik końca linii: </br>

To jest jakaś linia</br>

Tekst pogrubiony: <b>

<b>zdanie pogrubione<b>

To jest tytuł o rozmiarze h3: <h3>

<h3>To jest tytuł o rozmiarze h3<h3>

Uwaga! Mogą być znaczniki h1, h2, h3, h4 w zależności od wielkości

Znacznik do wstawienia zdjęcia <img>

<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny">
<img src="katalog/plik.gif" alt="Opis zdjęcia">

Znacznik do wstawienia odnośnika, linka <a>

<a href="omnie.html"> Tu ma być tekst, na który należy kliknąć</a>
<a href="https://www.google.pl/">Tu ma być tekst, na który należy kliknąć</a>

Link do przykładowego kursu HTML: www.kurshtml.edu.pl/html/zielony.html