Lekcje informatyki – linki

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.

Linki – odnośniki

Poprzednie lekcje informatyki online nauczyły Nas podstaw języka HTML – tworzenia “kodu” zrozumiałego dla komputera, dzięki któremu możesz już wyświetlać tekst i obrazki, oraz sterować ich wielkością i proporcjami. Dziś bardzo popularny kod który po kliknięciu w dany obiekt przenosi nas w dowolne miejsce sieci WWW. Magiczny zwrot brzmi ” a href “, a łącząc go z omawianymi już uprzednio zasadami tworzenia języka HTML – otrzymujemy:

<a href=”adres strony na którą chcemy się przenieść“>słowo, fraza lub adres obrazka, który będzie widoczny na naszej stronie WWW</a>

przykładowy kod

<a href="http://www.msp7.pl">kliknij by przejść do serwisu MSP7 Knurów</a>

na stronie WWW wygląda tak:
kliknij by przejść do serwisu MSP 7 Knurów

Zamiast słów, zdań, lub znaków możemy w ich miejsce wstawić obrazek

<a href="http://www.msp7.pl"><img src=”http://www.elmot.pl/images/obrazek.jpg”></a>

który to kod na stronie WWW wygląda tak:

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

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

z tą różnicą, że po kliknięciu w obrazek przeniesiemy się na naszą stronę docelową (msp7.pl

Ćwiczenie:

W notatniku stwórz plik będący zbiorem linków do Twoich 5  ulubionych stron WWW

Rozwiązanie – kod:

<a href=”http://www.msp7.pl”>Moja Szkoła</a>

<a href=”http://www.nk.pl”>Nasza Klasa</a>

<a href=”http://www.wp.pl”>Wirtualna Polska</a>

<a href=”http://www.elmot.pl/katalog”>Lekcje informatyki online</a>

<a href=”http://www.gry.pl”>Gry internetowe</a>

A twój plik html wyświetli to tak:

===================================
Moja Szkoła

Nasza Klasa

Wirtualna Polska

Lekcje informatyki online

Gry internetowe
===================================

WSKAZÓWKA

Pewnie zauważyłeś już, że aby jak najszybciej osiągnąć nasz cel, wystarczy skopiować / wkleić kody zmieniając tylko adresy WWW i tekst linka – ale TY staraj się wpisywać kod samodzielnie – w ten sposób uczysz się jego budowy, twoje ewentualne błędy popraw porównując swój kod z wzorcem na tej stronie – pamiętaj - ucząc się na własnych błędach – uczysz się na zawsze !… A w końcu jesteś na tej stronie, bo sam tego chesz . Metodę ctrl+c ctrl+v będziesz stosował  od momentu kiedy dobrze zapamiętasz omawiane polecenie.

Witek Kozaczkiewicz