Lekcja informatyki dla młodzieży klas 5/6 szkoły podstawowej. Pamiętaj, że aby zrozumieć omawiane zagadnienia, musisz posiadać wiadomości i umiejętności z naszych poprzednich lekcji informatyki online.

Poprzednia lekcja nauczyła nas tworzyć kod HTML linków / odnośników do dowolnych miejsc w internecie. Teraz parę słów o atrybutach – dodatkowych kodach służących nam do informowania o charakterze odnośnika i sterowania sposobem wyświetlania docelowej strony WWW.

Atrybut „ALT”

ALT (opis alternatywny) służy nam do zamieszczania informacji dodatkowych – najczęściej o zamieszczonej grafice – obrazkach, zdjęciach itp. Stosujemy go po poleceniu „wstaw obrazek” w formie alt=”opis obrazka

Przykład kodu:

<img src="obrazek.jpg" alt="opis obrazka"/>

Przykład kodu dla obrazka z poprzednich zajęć:

<a href=”http://www.msp7.pl”><img src=”http://www.elmot.pl/images/obrazek.jpg” alt=”obrazek dwójki dzieci z kwiatkami”></a>

i obraz kodu na stronie WWW

==========================================
obrazek dwójki dzieci z kwiatkami

==========================================

Atrybut ALT dostarcza wyszukiwarkom (np. Google) przydatnych informacji o tematyce obrazku. Przykładowo jeśli chcesz wyszukać obrazek z kotkiem rasy PERS , wpisujesz w wyszukiwarkę frazę „kot perski” – wyszukiwarka przemierzając zasoby internetowe szuka SŁÓW OPISÓW obrazków (nikt nie ogląda fizycznie zdjęć 😉 i na ich podstawie przekazuje ci rezultaty w postaci zbioru grafiki na stronie z wynikami wyszukiwania.

*Podobnie działa atrybut title – tytuł obrazka – przykład kodu title=”tytuł obrazka”


Atrybut „TARGET”

Definiuje on okno docelowe dla otwieranego dokumentu – określa jak ma się otwierać strona zawarta w adresie linku / odnośnika. Brak tego atrybutu (wartość domyślna_self) powoduje otwarcie strony w tym samym oknie. Jeśli jednak dodamy kod po adresie odnośnika target=”_blank” , nasze kliknięcie na link spowoduje , że strona docelowa otworzy się w nowym oknie! Tak więc uzyskamy efekt otwartej strony macierzystej (z naszym linkiem) i nowej strony docelowej.

Przykładowy kod

<a href=”http://www.msp7.pl”> kliknij na link do strony w nowym oknie target=”_blank”></a>

A działa to tak

=================================
kliknij na link do strony w nowym oknie

=================================

CIEKAWOSTKA – Inne wartości parametru TARGET to

_parent okno macierzyste lub okno rodzica
_top okno główne, likwidowane są wszelkie inne ramki
nazwa okno o nazwie podanej przez użytkownika

Ćwiczenie

W notatniku Stwórz plik HTML, który wyświetli link do dowolnego serwisu WWW, wraz z atrybutami alt i target (nowe okno)

Rozwiązanie – przykładowy kod:
<a href=”http://www.msp7.pl” target = „_blank” alt=”obrazek dwójki dzieci z kwiatkami” title=”tajemniczy link”>jestem LINK – KLIKNIJ WE MNIE !></a>
EFEKT , który powinien wyświetlić TWÓJ PLIK HTML
======================================
jestem LINK – KLIKNIJ WE MNIE !
======================================

Witek Kozaczkiewicz

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *