odsyłacze html - Kurs HTML i CSS
Kursory CSS / Kształt kursora {cursor}Spis treści {cursor} Kształt kursora {cursor} Kursory ogólnego przeznaczenia Odsyłacze i kursory statusu Kursory wyboru Kursory "przeciągnij i upuść" Kursory zmiany rozmiaru i przewijania Kursory powiększania Kształt kursora {cursor} (interpretuje Internet Explorer 4, Firefox, Opera 7, Chrome) selektor { cursor: rodzaj } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod względem nawigacji, tzn. jego elementy (odsyłacze) będą dostępne, ale oczywiście funkcja rozwijania nie będzie działać. Jest to jednak sytuacja dopuszczalna. Natomiast niedopuszczalne mogłoby być w takiej sytuacji ułożenie wypozycjonowanego absolutnie menu, które zakrywałoby na stałe fragmenty innych elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy...
Odsyłacze HTML / Do etykiety <a id>...Idealnym przykładem są tytuły. Zwykle naturalnie wyznaczają on ważne miejsca na stronie, do którym prawdopodobnie możemy chcieć wstawić bezpośrednie odsyłacze. UWAGA! Bardzo ważne: w nazwach etykiet lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter (ą, ć, ę, ł, ń... itd.) Dodatkowo należy bezwzględnie pamiętać, że na tej samej stronie nie mogą się znajdować dwie identyczne etykiety! Można natomiast...
- Menu drzewiaste / Skrypt menu drzewiastego
...underline; } Dodatkowo w tym samym katalogu utwórz plik tree.js i zapisz w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Tree(id) { this.id = id; var url = unescape(window.location.href.replace(/#.*/, '')); var base = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/[^\/\\]+$/, ''); this.click = function () { for...
- Przeglądarka zdjęć
...poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. przegladarka_zdjec.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function PrzegladarkaZdjec(id, zdjecia) { this.czas = 5; // czas przejścia w trybie pokazu slajdów [sek] this.id = id; this.zdjecia = zdjecia; var timerID = null; this.wyswietl = function(nr) { clearTimeout(timerID); var f...
- Rozwijane menu
...się umieścić w innym miejscu również zwykłych odsyłaczy tekstowych. <select onchange="self.location.href = this.value"> <option VALUE="adres1.html">Opis1</option> <option VALUE="adres2.html">Opis2</option> ... </select> adres1.html, adres1.html Adresy (lub względne ścieżki dostępu) stron, które chcemy wczytać po wybraniu danej pozycji na liście Opis1, Opis2 Test, który pojawi się na liście i po wybraniu których nastąpi wczytanie stron Można również zaznaczyć opcję domyślną...
- Odsyłacze HTML / Do podstrony <a href>
...typu odsyłacza można się odnosić do dowolnego pliku znajdującego się na koncie FTP razem ze stroną. Dzięki temu można zbudować dział download, tzn. odsyłacze do pobierania plików [zobacz: HTML5 / Pobieranie]. A jeśli chcesz dowiedzieć się jeszcze więcej na temat budowy sekcji nawigacyjnych na stronie, zobacz rozdział: HTML5 / Nawigacja. Przykład <a href> To jest odsyłacz do strony głównej kursu HTML: Strona główna Dymek narzędziowy <a href title> Dobrym pomysłem może się również okazać...
- CSS dla zielonych / Zaczynamy kurs CSS!
...Skoro nadal czytasz, zapewne oznacza to, że potrafisz stworzyć przynajmniej prostą stronę internetową zawierającą tekst, obrazki i odsyłacze. Chociaż treść jest najważniejszym elementem każdej strony WWW, to przecież wygląd też się liczy. I właśnie do tego służy język CSS (Kaskadowe Arkusze Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę internetową za pomocą języka HTML, a następnie dzięki CSS można zmienić jej wygląd. Dlatego właśnie...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...obrazek mapy odsyłaczy nie wyświetli się na ekranie, użytkownik nie będzie wiedział, w co może kliknąć! Dlatego warto również umieścić gdzieś zwykłe odsyłacze hipertekstowe, prowadzące do tych samych dokumentów. Przykład <img usemap, map, area> <img src="odsylacz.gif" alt="Mapa odsyłaczy" usemap="#nazwa_mapy" width="200" height="70"> <map id="nazwa_mapy" name="nazwa_mapy"> <area shape="rect" coords="5,5, 56,65" href="..." alt="..."> <area shape="poly" coords="61,64, 106,4, 133,56...
Odsyłacze HTML / Ćwiczenia...pełnowymiarową ilustrację, a nigdy nie powiększaj miniaturki. Podmień ilustracje na stronie na ich wersje pomniejszone. Następnie przekształć je w odsyłacze obrazkowe i podlinkuj do pełnowymiarowych wersji zdjęć. Użyj przy tym atrybutu target="_blank", który otworzy zdjęcie w nowym oknie (nowej karcie przeglądarki). Nie musisz w tym celu tworzyć żadnych nowych podstron. Wystarczy że jako odnośnika użyjesz po prostu lokalizacji pliku z dużym zdjęciem. Otwórz stronę w przeglądarce internetowej...