0:00:00.000,0:00:02.843
Poznaliście już parę znaczników HTML.

0:00:03.000,0:00:04.800
A wiecie, co znaczy ten skrót?

0:00:04.850,0:00:09.091
HyperText Markup Language[br](hipertekstowy język znaczników).

0:00:11.470,0:00:14.177
Metoda oznaczania treści[br]za pomocą znaczników.

0:00:14.181,0:00:16.860
A termin „hipertekst”?

0:00:16.869,0:00:20.494
Powstał, gdy jeszcze[br]nie było Internetu,

0:00:20.494,0:00:23.823
w latach 60. XX w. Oznacza[br]tekst powiązany z innym,

0:00:23.823,0:00:26.263
do którego czytelnik[br]może przejść od razu.

0:00:26.273,0:00:29.720
Tim Berners-Lee[br]wymyślił HTML

0:00:29.720,0:00:32.756
i inne elementy Internetu,[br]np. HTTP,

0:00:32.787,0:00:34.912
by łączyć jeden tekst z innym,

0:00:34.912,0:00:36.722
znajdującym się gdzie indziej.

0:00:36.751,0:00:39.191
Jak łączymy strony www z innymi

0:00:39.191,0:00:41.280
w HTML-u?

0:00:41.282,0:00:43.451
Oczywiście hiperlinkiem!

0:00:43.451,0:00:46.280
Teraz mówimy już tylko „link”.

0:00:46.280,0:00:48.599
A jak robimy link w HTML-u?

0:00:48.636,0:00:50.304
Teraz będzie dziwnie.

0:00:50.304,0:00:52.770
Myślicie, że użyjemy[br]znacznika „link”?

0:00:52.770,0:00:57.633
On jest używany do innych[br]linków w HTML-u.

0:00:57.633,0:01:03.106
Stosujemy znacznik „a”,[br]od „anchor” (ang. kotwica).

0:01:03.172,0:01:06.453
Zakotwicza link na stronie[br]w pewnym miejscu

0:01:06.453,0:01:09.420
i łączy tę kotwicę z inną stroną.

0:01:09.443,0:01:11.989
Aby zrobić link,[br]musimy wpisać znacznik,

0:01:11.989,0:01:14.621
wybrać tekst do linku

0:01:14.621,0:01:17.219
i adres, do którego link odsyła.

0:01:17.233,0:01:24.068
Zróbmy link do strony z informacjami[br]o narodzinach Internetu.

0:01:24.068,0:01:29.506
Tekst linku znajdzie się między[br]znacznikiem początkowym a końcowym.

0:01:29.599,0:01:31.900
Ustawiam tu kursor i piszę:

0:01:31.900,0:01:36.610
„Przeczytaj więcej[br]o historii HTML-u”.

0:01:36.610,0:01:41.017
Tekst już wygląda jak link,

0:01:41.061,0:01:44.317
lecz jeszcze nigdzie nie wysyła.[br]Trzeba dodać adres.

0:01:44.347,0:01:47.480
Nie chcemy, by był[br]widoczny na stronie,

0:01:47.480,0:01:49.937
ale przeglądarka musi go znać.

0:01:49.990,0:01:53.040
Umieścimy go w atrybucie znacznika.

0:01:53.088,0:01:56.942
To atrybut „href”.

0:01:56.985,0:01:59.749
Co oznacza „href”?

0:01:59.769,0:02:03.264
Podpowiem. Często widujecie to „h”.

0:02:03.283,0:02:06.124
Oznacza „hiper”. Hiperreferencja.

0:02:06.124,0:02:11.966
Wkleję teraz adres, nazywany też URL.

0:02:12.036,0:02:15.940
Zauważyliście, że zaczyna się[br]od „http:”?

0:02:16.051,0:02:19.044
Zgadnijcie, co oznacza „h”. Hiper!

0:02:19.084,0:02:21.483
W HTML-u wszystko jest hiper!

0:02:21.553,0:02:25.664
Adres URL podaje przeglądarce dane[br]do znalezienia strony:

0:02:25.724,0:02:27.965
używany protokół,

0:02:28.035,0:02:30.357
domenę, w której strona się znajduje,

0:02:30.457,0:02:34.265
a także ścieżkę na serwerze.

0:02:34.294,0:02:38.579
Ścieżki pełne nazywamy[br]bezwzględnymi adresami URL.

0:02:38.622,0:02:43.499
Czasem zobaczycie adres URL[br]tylko z ukośnikiem i ścieżką.

0:02:43.562,0:02:46.179
Każe przeglądarce szukać zasobów

0:02:46.179,0:02:48.634
w tej samej domenie.

0:02:48.645,0:02:50.631
To jest „adres URL względny”.

0:02:50.682,0:02:54.054
Używamy takich w Khan Academy,[br]do łączenia zasobów.

0:02:54.136,0:02:57.623
W stronach, które tworzycie,[br]stosujcie adresy bezwzględne.

0:02:57.623,0:02:59.288
Tak będzie bezpieczniej.

0:02:59.321,0:03:02.146
Mówimy też przeglądarce,[br]gdzie otworzyć stronę:

0:03:02.146,0:03:04.728
w oknie bieżącym czy w nowym.

0:03:04.769,0:03:07.061
Żeby otworzyła link w nowym oknie,

0:03:07.061,0:03:10.748
dodajemy atrybut „target” (ang. cel).

0:03:10.796,0:03:15.258
target="_blank"

0:03:15.288,0:03:19.406
Przerwijcie oglądanie[br]i kliknijcie link.

0:03:19.444,0:03:23.373
Już, ja zaczekam. Klik-klik!

0:03:23.393,0:03:24.372
Co się stało?

0:03:24.432,0:03:25.802
Zobaczyliście komunikat:

0:03:25.802,0:03:28.244
link jest ze strony[br]stworzonej przez użytkownika.

0:03:28.244,0:03:30.625
Otwiera się po kliknięciu „OK”.

0:03:30.676,0:03:33.122
Linki zewnętrzne na waszych stronach

0:03:33.122,0:03:34.395
traktujemy inaczej.

0:03:34.423,0:03:37.797
Żeby użytkownicy nie myśleli,[br]że linki z Khan Academy

0:03:37.797,0:03:41.054
odsyłają w jakieś straszne miejsce.

0:03:41.066,0:03:43.992
Każdy link stworzony tutaj[br]będzie tak ostrzegał

0:03:43.992,0:03:46.163
i otwierał się w nowym oknie.

0:03:46.300,0:03:50.223
To znaczy, że mogę skasować[br]atrybut „target”,

0:03:50.223,0:03:53.048
bo sprawa zostaje załatwiona[br]za kulisami.

0:03:53.088,0:03:54.420
Mogę go zostawić,

0:03:54.420,0:03:57.764
żeby kiedyś wziąć ten kod[br]z Khan Academy

0:03:57.764,0:04:00.840
i mieć pewność, że będzie[br]otwierał się w nowym oknie.

0:04:00.870,0:04:02.723
Kiedy „target” jest niezbędny?

0:04:02.783,0:04:06.302
Gdy link odsyła do innej strony[br]w tej samej domenie i ma

0:04:06.302,0:04:08.023
otwierać się w tym samym oknie.

0:04:08.023,0:04:12.179
A gdy odsyła do innej domeny[br]- w nowym.

0:04:12.239,0:04:13.641
Dość gadania,

0:04:13.641,0:04:16.649
pokażę jeszcze coś świetnego.

0:04:16.689,0:04:18.653
Możemy podlinkować nie tylko tekst,

0:04:18.653,0:04:21.627
ale obrazy albo tekst z obrazami!

0:04:21.656,0:04:26.815
Tu mamy zdjęcie Tima Bernersa-Lee.

0:04:26.867,0:04:30.454
Wytnę je…

0:04:30.464,0:04:34.067
i wkleję wewnątrz linku.

0:04:34.094,0:04:36.068
Pięknie!

0:04:36.068,0:04:38.958
Gdy najadę myszką na obraz,

0:04:38.958,0:04:41.309
kursor zmieni się we wskaźnik,

0:04:41.309,0:04:44.379
a kliknięcie przeniesie mnie[br]na stronę CERN-u.

0:04:44.379,0:04:46.948
Moglibyście podlinkować[br]całą swoją stronę,

0:04:46.948,0:04:49.867
tak, że wszystko byłoby[br]niebieskie i podkreślone.

0:04:49.867,0:04:57.000
Ale proszę, nie róbcie tego![br]Linkujcie życzliwie, przyjaciele!