podstrony - Kurs HTML i CSS
Przeglądarka zdjęć...zdjęć Inicjalizacja Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Podstawy stylów CSS (m.in. arkusze stylów) Odsyłacze do podstrony Przykład przeglądarki zdjęć Skrypt przeglądarki zdjęć Aby uzyskać powyższy efekt, należy zapisać przedstawiony 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!)...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
Spis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
HTML dla zielonych / Ćwiczenia...linki.html (nowy plik HTML w edytorze) i umieść do niej odsyłacz na stronie głównej (czyli w pliku index.html). O tym co to są i jak się tworzy podstrony przeczytasz w podrozdziale: Ramy dokumentu. Na podstronie linki.html wstaw odsyłacze do ciekawych stron w internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook...
Odsyłacze HTML / Odsyłacz FTP <a "ftp">...użytkownika). Aby zrealizować na stronie dział "download" - tzn. możliwość pobierania plików przez czytelników - należy się posłużyć odsyłaczem do podstrony. Przykład <a "ftp"> ftp://sunsite.icm.edu.pl/pub/ Z podaniem użytkownika (login) <a href="ftp://użytkownik@ftp.adres">opis</a> Jeżeli do zalogowania wymagane jest hasło, aplikacja FTP poprosi o jego wprowadzanie. Z podaniem użytkownika (login) i hasła <a href="ftp://użytkownik:hasło@ftp.adres">opis</a> UWAGA! To jest BARDZO ważne...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny"></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Do tej pory w tym rozdziale...
- Odsyłacze HTML / Do etykiety <a id>
...przejście do innego miejsca (etykiety) na tej samej lub innej stronie. Zasady wpisywania ścieżki dostępu są takie same jak w przypadku odsyłacza do podstrony. Należy jedynie pamiętać, że nazwa etykiety w poleceniu odsyłacza: <a href="#... oraz w definicji etykiety: <a id="... musi być bezwzględnie taka sama (włączając w to wielkość liter), jedynie w odsyłaczu nazwę należy poprzedzić znakiem # (krzyżyk)! Można również zauważyć, że kolejność wpisywania odsyłacza <a href="#... oraz etykiety...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...górnego wierzchołka obrazka, który stanowi punkt zerowy układu współrzędnych. adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). Po wywołaniu tej komendy, zostanie wczytany obrazek o podanej ścieżce dostępu. Następnie będzie on podzielony na kilka pól (w sposób niewidoczny), z których każde będzie przyporządkowane oddzielnemu odsyłaczowi...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Czasami obszary odsyłaczy zdefiniowane...
- Widżety HTML / Ramki lokalne <iframe>
...inline frame), która działa jak niezależne okno przeglądarki wewnątrz strony internetowej. Jak wstawić IFRAME na HTML? Na przykład jeśli plik podstrony nazywa się "podstorna.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na własnej stronie...
Selektory pseudoklas CSS / Etykieta :target...wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Czasami podział serwisu na podstrony jest niewystarczający. Zdarza się, że jeden artykuł jest podzielony dodatkowo na niewielkie sekcje - zbyt małe, aby tworzyć z każdej z nich osobną podstronę. Chcielibyśmy jednak mieć możliwość odesłania czytelnika bezpośrednio do podanej sekcji, żeby nie musiał jej szukać "ręcznie". W takiej sytuacji stosuje się etykiety (np.: <h2...