Page 20 - Informatyka na czasie ZP1

Rozdział 4. Strony WWW i grafika komputerowa

W kodzie zapisano, że w przeglądarce o szerokości okna co najmniej
650 pikseli albo co najmniej 465 pikseli wyświetli się odpowiednio
obraz1.jpg albo obraz2.jpg. W przeglądarkach o szerokości okna mniej­
szej niż 465 pikseli lub nieobsługujących znacznika <picture> wyświetli
się obraz3.jpg.

Ćwiczenie 5
Utwórz katalog o nazwie kraju, który chcesz zwiedzić. Utwórz w nim
stronę kraj.html oraz katalog o nazwie Zdjęcia. Umieść w tym katalo­
gu dwa zdjęcia przedstawiające zabytki lub inne atrakcje wybranego
kraju. Wstaw fotografie na swoją stronę za pomocą znacznika <img>.
Użyj adresowania względnego i bezwzględnego.

Hiperłącza
Charakterystyczną cechą internetu jest łatwe przemieszczanie się mię­
dzy stronami. Elementy stron, które na to pozwalają, nazywamy linka­
mi, odnośnikami lub hiperłączami.
Aby utworzyć hiperłącze do innej strony, korzystamy ze znaczników
<a> i </a>. W atrybucie href znacznika otwierającego zapisujemy adres
strony, na którą chcemy się przenieść. Adres powinien być zapisany
 Warto wiedzieć w pełnej formie, tzn. musi zawierać informację o protokole (HTTP lub
Nazwa atrybutu href
pochodzi od angielskiego HTTPS). Między znacznikami wpisujemy treść, która będzie widoczna
wyrażenia hypertext jako link w przeglądarce, np.:
reference, które oznacza
odnośnik hipertekstowy, <a href="https://www.oi.edu.pl/" target="_blank"> Strona
czyli link. organizatora Olimpiady Informatycznej </a>
Przeglądarka internetowa wyświetli w tym przypadku tekst „Strona
organizatora Olimpiady Informatycznej”, zwykle domyślnie w kolorze
niebieskim i podkreślony. Atrybut target z wartością _blank spowo­
duje, że strona otworzy się w nowej karcie przeglądarki internetowej.

 Dobra rada Ćwiczenie 6
Tworzenie kodu wielu Utwórz stronę ulubione_strony.html i umieść na niej kilka linków
podobnych elementów do swoich ulubionych stron WWW. Każdy link umieść w nowej
strony internetowej możesz
znacznie przyspieszyć, linii (użyj znacznika <br>). Każdy link powinien się otwierać w nowej
kopiując i modyfikując karcie.
zapisane już fragmenty
kodu.
Poniżej opisano inne możliwości wykorzystania hiperłączy w języku
HTML.
Wstawienie pliku graficznego, którego kliknięcie będzie przenosić do
innej strony WWW:
<a href="https://www.oi.edu.pl/"><img src="logo.jpg"></a>
Między znacznikami <a> i </a> wstawiono obraz z wykorzystaniem
znacznika <img>.

176