link strony - Kurs HTML i CSS
Galeria zdjęć HTML / Klasyczna galeria zdjęć...wtedy możliwości szybkiej nawigacji pomiędzy kolejnymi zdjęciami z galerii. Natomiast starsze przeglądarki po kliknieciu przez użytkownika takiego linka często najpierw wyświetlały okienko z pytaniem co zrobić z obrazkiem, tzn. otworzyć czy zapisać, a po wybraniu pierwszej opcji, następowało wczytanie pliku w zewnętrznym programie (jeśli użytkownik miał taki zainstalowany), co mogło potrwać kilka sekund i było trochę irytujące w przypadku dużej liczby zdjęć. Dlatego w klasycznej galerii...
Multimedia HTML / Osadzenie pliku <embed>...wyświetlić zawartość pliku PDF, można się posłużyć następującym znacznikiem: <embed src="dokument.pdf" width="1000" height="600">. Jak utworzyć link do pliku PDF? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odnośnik do pliku PDF, można się posłużyć następującym znacznikiem: <a href="dokument.pdf">Otwórz dokument PDF</a>.
Wstawianie stylów CSS / Import arkusza stylów @import...lub zaimportować w wewnętrznym arkuszu. Import arkuszy może również być przydatny, jeśli chcemy oszczędzić wstawiania dodatkowych znaczników <link rel="Stylesheet">. W takim przypadku dołącza się tylko jeden zewnętrzny plik *.css, a w nim importuje pozostałe arkusze. UWAGA! Jeżeli polecenie importu znajduje się w zewnętrznym arkuszu stylów, to relatywną ścieżkę dostępu do arkusza importowanego należy konstruować względem położenia arkusza CSS, w którym jest wstawione polecenie @import...
- Wykaz skryptów / Prawa autorskie
...i instalacji - np. jeśli prowadzisz serwis zawierający zbór przydatnych skryptów - ale tylko jeśli w dowolnym miejscu opisu zostanie umieszczony link zwrotny do strony głównej tego kursu. Dostęp do skryptów nie może być płatny! Nie możesz Przypisywać sobie autorstwa skryptów zawartych w tym serwisie. Usuwać ani zmieniać komentarzy nagłówkowych skryptów, podających autora. W przeglądarce są one normalnie niewidoczne, więc nie sprawiają kłopotów. Jeśli nie ma takiego komentarza, nie...
- I co dalej... / Podsumowanie
...możesz pochwalić się na forum dyskusyjnym i w księdze gości tego serwisu (online). Będzie mi również bardzo miło, jeśli na swojej stronie umieścisz link do mojego kursu www.kurshtml.edu.pl - dziękuję...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...galerii zdjęć, należy zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) * @version 2.6.4 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string') { if (ramka == '_blank') this.ramka = ''; else if (ramka == '_self') this.ramka = self...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...Koło zębate ⚙ 🗜 Kompresja, ściskanie 🗜 ⚖ Waga ⚖ 🦯 Laska dla niewidomych 🦯 🔗 Odnośnik, łącze, link 🔗 ⛓ Łańcuchy ⛓ 🪝 Hak 🪝 🧰 Skrzynka na narzędzia 🧰 🧲 Magnes 🧲 🪜 Drabina 🪜 Nauka ⚗ Alembik ⚗ 🧪 Probówka 🧪 🧫 Szalka Petriego 🧫 🧬 Podwójna helisa DNA 🧬 🔬 Mikroskop 🔬 🔭 Teleskop 🔭 📡 Antena...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...wyjątkiem blokowych) - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Odsyłacz obrazkowy (link zawierający obrazek) zostanie uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu strony. Obrazki przycisków najlepiej zapisywać w formacie GIF bądź PNG, a większe zdjęcia - JPG. Jeśli nie masz zacięcia artystycznego, nie musisz samodzielnie...
- Komendy HTML 4.01 / BODY
...które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może...