link strony - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...dokumentu HTML (<head>...</head>), na którym wstawione jest menu, wystarczy wstawić odwołanie do utworzonego właśnie zewnętrznego arkusza stylów: <link rel="stylesheet" href="menu.css"> Przykład HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno Aby uzyskać następujące wielopoziomowe menu otwierane, imitujące tradycyjne menu aplikacji...
Prawa autorskieMożesz Zamieścić na stronie WWW, forum dyskusyjnym, serwisie społecznościowym itp. link do strony głównej Kursu HTML. Podawać linki bezpośrednio do określonych podstron (rozdziałów) kursu. Umieścić na stronie WWW bannery lub buttony kursu. Zobacz oficjalne bannery... (online) Zapisywać kurs do przeglądania tylko w wersji offline na dowolnych nośnikach danych (CD, DVD, USB drive, SD, dysk lokalny itp.) i nieodpłatnie przekazywać dowolnej osobie w takiej samej formie. Uwaga: nie dotyczy...
- Wykaz skryptów / Pozostałe skrypty
...a przy tym jest bardzo elastyczny w zastosowaniu. Nowe okno Automatyczne otwarcie nowego okna zaraz po załadowaniu strony albo po kliknięciu w link. Możliwe jest określenie wyglądu nowego okna (rozmiary, paski menu, narzędzi, stanu itd.). [Generator] Galeria zdjec Umieszczenie na stronie kolekcji zdjęć z możliwością podglądu pełnowymiarowych obrazków, po kliknięciu ich miniaturki. Dostępna również wersja skryptu z "blokadą" zapisywania zdjęć z galerii. Przeglądarka zdjęć Przeglądanie...
Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">...wykorzystywane później przez wyszukiwarki. Element <meta name="robots" content="nofollow"> powoduje, że roboty sieciowe nie będą podążać za żadnymi linkami umieszczonymi w dokumencie. Czasami jednak chcielibyśmy zablokować uwzględnianie tylko wybranych odsyłaczy. Taka sytuacja najczęściej ma miejsce, kiedy wstawiamy na swojej stronie system komentarzy. Spammerzy lub spamboty (automaty spamujące) często wpisują komentarze bez żadnej konkretnej treści, ale za to przeładowane linkami do stron...
- Przeglądarka zdjęć
...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!) */ 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)...
- Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia
...Wstęp Cel ogólny cyklu lekcji Wymagania podstawy programowej Lekcja 1 - Struktura HTML i pierwsza strona Lekcja 2 - Dodawanie obrazków i linków Lekcja 3 - Formatowanie strony i style CSS Lekcja 4 - Tworzenie strony za pomocą szablonu Lekcja 5 - Elementy programowania: proste skrypty JavaScript Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla branżowej szkoły I stopnia z zakresu informatyki oraz...
Drukowanie CSS / Wydruk @media print...się ogólne deklaracje) */ /* (...) */ @media print { /* Arkusz dla wydruku */ } Dołączenie specjalnie dla wydruku zewnętrznego arkusza: <head> <link rel="stylesheet" href="domyslny.css"> <link rel="stylesheet" href="wydruk.css" media="print"> </head> Dołączenie specjalnie dla wydruku wewnętrznego arkusza: <head> <style media="print"> /* Arkusz dla wydruku */ </style> </head> [zobacz także rozdział pt.: Media]. UWAGA! Kolejność wpisywania poleceń ma znaczenie, tzn. najpierw...
- HTML5 / Zmienione elementy i atrybuty HTML5
...zmiana. Dzięki niej, mając np. listę artykułów z tytułami, skróconymi wprowadzeniami i zdjęciem, nie trzeba już wstawiać trzy razy tego samego linku przy każdym artykule, aby osobno objąć zawartość każdego z tych elementów. HTML5 pozwala objąć jednym znacznikiem odnośnika wszystkie te elementy jednocześnie - nawet jeśli część z nich jest wyświetlana w bloku. ADDRESS Odnosi się do najbliższego elementu ARTICLE lub BODY, w którym został wstawiony. Może zawierać również elementy blokowe z...
- Ikony (symbole) / Formatowanie tekstu
...Pulpit zespołu team_dashboard team_dashboard Widok kolumny view_column view_column Różnica difference difference Głosowanie ballot ballot Dodaj link add_link add_link Formatuj wyrównanie do lewej format_align_left format_align_left Widok agendy view_agenda view_agenda Czytaj więcej read_more read_more Formatuj rozmiar format_size format_size Spis treści toc toc Formatuj podkreślenie format_underlined format_underlined Wyrównanie pionowe do góry vertical_align_top vertical_align_top...
- Selektory CSS
...ostatnim bądź jedynym bratem typu E Pseudoklasy typu 3 E:empty element E, który nie ma dzieci ani nie zawiera tekstu Pusty element 3 E:link E:visited element E, który jest kotwicą hiperlinku (odsyłaczem), której cel (strona docelowa) jeszcze nie został odwiedzony (:link) lub został już odwiedzony (:visited) Odsyłacz podstawowy Odsyłacz odwiedzony 1 E:active E:hover E:focus element E podczas pewnych akcji użytkownika (:active - aktywacja, :hover - wskazanie, :focus...