TablicaPro / karta pracy ucznia / HTML

Linki w HTML — ćwiczenia z odnośnikami, ścieżkami i kotwicami

Klasa: __________ Numer: __________ Data: __________

Pracuj w przygotowanym pliku. Po każdej zmianie zapisz go i sprawdź rezultat.

Kod do rozpoczęcia pracy

<a href="#plan">Plan</a>
<a href="kontakt.html">Kontakt</a>
<a href="https://tablicapro.pl/kursy/html" target="_blank" rel="noopener noreferrer">Kurs HTML</a>

Zadanie 1

W elemencie nav wstaw trzy linki: do sekcji Plan (#plan), do sekcji Materiały (#materialy) i do pliku kontakt.html.

Zadanie 2

W zdaniu pod nagłówkiem Plan zamień słowa stronie kontaktowej koła na link do kontakt.html. Nadaj nagłówkom Plan i Materiały identyfikatory plan i materialy.

Zadanie 3

Zamień kursie HTML w TablicaPro na link do https://tablicapro.pl/kursy/html otwierany w nowej karcie (rel i informacja w tekście), adres e-mail na mailto: i dodaj link Wróć do planu.

Sprawdź przed oddaniem

Zadanie 1: menu w nav 1 pkt, trzy poprawne href 2 pkt; zadanie 2: link w zdaniu 1 pkt, dwa identyfikatory 1 pkt; zadanie 3: link zewnętrzny z target i rel 2 pkt, mailto 1 pkt, link powrotny 1 pkt; opisowe teksty linków 1 pkt. Razem 10 pkt.

Jaką zmianę w kodzie potrafisz samodzielnie wyjaśnić?

Drukuj kartę pracy