spis treści - Kurs HTML i CSS
Komendy CSS3 / Kaskadowość i dziedziczenie CSSŹródło: CSS Cascading and Inheritance Level 4 Spis treści all all Resetowanie wszystkich cech Wartość initial | inherit | unset | revert Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne
- Komendy CSS3 / Paski przewijania CSS
Źródło: CSS Scrollbars Styling Module Level 1 Spis treści scrollbar-color scrollbar-width scrollbar-color Kolor paska przewijania Wartość auto | <color>{2} Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie tak Procenty nie scrollbar-width Szerokość paska przewijania Wartość auto | thin | none Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie nie Procenty nie
Galeria zdjęć HTML / Skrypt galerii zdjęćSpis treści Wymagana wiedza Przykład galerii zdjęć Skrypt galerii zdjęć (gotowiec) Zbiory zdjęć Ochrona przed kopiowaniem zdjęć Wymagana wiedza Konstruowanie ścieżek dostępu do obrazków Przykład galerii zdjęć Kliknij wybrane zdjęcie lewym przyciskiem myszki, aby zobaczyć powiększenie: Zwróć uwagę, że po otworzeniu powiększenia możesz nawigować pomiędzy kolejnymi zdjęciami z galerii również za pomocą klawiatury - klawiszami strzałki w lewo (poprzednie zdjęcie) i w prawo...
- Przeglądarka zdjęć
Spis treści Wymagana wiedza Przykład przeglądarki zdjęć Skrypt przeglądarki 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}...
- 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)...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
Spis treści Wymagana wiedza Skrypt menu rozwijanego, otwieranego, wysuwanego Wymagana wiedza Listy definicyjne <dl>...</dl> Podstawy odsyłaczy Podstawy stylów CSS (m.in. arkusze stylów, klasy selektorów i pozycjonowanie absolutne) Skrypt menu rozwijanego, otwieranego, wysuwanego Aby wstawić na swoją stronę menu rozwijane, 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 menu.js: /** * @author...
Odsyłacze HTML / Do etykiety <a id>...Można również nadać atrybut id="nazwa-kotwicy" dowolnemu istniejącemu już znacznikowi - np. wybranemu tytułowi nagłówkowemu tworząc w ten sposób spis treści dokumentu: <h1 id="tytul-rozdzialu">...</h1>. Ile może być identycznych etykiet w jednym pliku? W tym samym dokumencie HTML można wstawić dowolną liczbę etykiet, ale każda z nich musi mieć inną nazwę. W przeciwnym razie przeglądarka nie wiedziałaby, do której z nich przenieść użytkownika po kliknięciu w odnośnik zawierający taką...
Obsługa błędów w JavaScript - Error / Błąd wykonania - EvalErrorSpis treści EvalError EvalError EvalError.prototype.name EvalError EvalError() new EvalError() EvalError(message) new EvalError(message) Parametry: String message - komunikat błędu (domyślnie: "") Wartość: EvalError - nowa instancja obiektu błędu Ta klasa dziedziczy po Error. EvalError.prototype.name EvalError.prototype.name Wartość: String - "EvalError" Przykład EvalError EvalError.prototype.name; // "EvalError" EvalError("test").toString(); // "EvalError: test" new...
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
Spis treści <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Odsyłacz NNTP <a "nntp"> Odsyłacz newsrc <a "newsrc"> Odsyłacz telnet <a "telnet"> Odsyłacz SSH <a "ssh"> Odsyłacz do skryptu <a "javascript"> Odsyłacz WAIS <a "wais"> Odsyłacz Gopher <a "gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Serwer domyślny: <a href="news:nazwa grupy">opis</a> Wskazany serwer: <a href="news://serwer/">opis</a> Wskazana grupa na...
Odsyłacze HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz spis treści dodając etykiety do tytułów poszczególnych sekcji tematycznych na stronie głównej, a następnie umieszczając na początku wykaz z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu...