okna - Kurs HTML i CSS
Czcionki CSS / Atrybuty mieszane czcionki {font}...caption - czcionka używana do podpisanych kontrolek (np. przycisków, rozwijalnych list) icon - czcionka etykiet ikon menu - menu message-box - okna dialogowe small-caption - etykiety małych kontrolek status-bar - pasek statusu okna Przykład {font: caption icon menu small-caption status-bar} font: caption font: icon font: menu font: message-box font: small-caption font: status-bar
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...poddany pozycjonowaniu (absolutnemu, relatywnemu lub ustalonemu), to położenie jest obliczane względem pozycji tego elementu nadrzędnego, a nie okna przeglądarki. Polecenie pozycjonowania absolutnego (bezwzględnego) pozwala przesunąć wybrany element w dowolną stronę względem wybranych brzegów strony lub ewentualnie ramki albo "obejmującego bloku" (opis powyżej). Dzięki temu dany element będzie umieszczony tam na "sztywno", bez względu na miejsce, w którym wpisaliśmy polecenie...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...będzie to przykryte przez ten element. Należy przy tym pamiętać, że często ustawienie elementów strony zależy od rozdzielczości ekranu i rozmiarów okna przeglądarki! Przykład {position: relative} Szary prostokąt poniżej, który jest częściowo przykryty, przedstawia położenie spoczynkowe obrazka, poddanego pozycjonowaniu: position: relative; left: 50px; top: 45px. Dlatego obrazek ten jest oddalony od lewej krawędzi swojego położenia spoczynkowego o 50px (pikseli), a od górnej o 45px...
Ochrona strony...false" oncopy="return false"> ... </body> Blokada przeciągania elementów strony Zabezpieczna m.in. przed przeciąganiem obrazków do innego okna lub programu w celu ich zapisania na dysku. <body ondragstart="return false" ondrag="return false"> ... </body> Blokada drukowania <body onbeforeprint="document.body.style.visibility = 'hidden'; alert('Wydruk jest niedostępny!')" onafterprint="document.body.style.visibility = 'visible'"> ... </body> Blokada zapisu wybranych zdjęć <img...
- Wykaz skryptów / Pozostałe skrypty
...posiada masę opcji konfiguracyjnych i atrakcyjny wygląd, 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ą...
- Wykaz generatorów
...kodu do znacznika <pre>...</pre>, a więc w większości przypadków nie pojawi się problem "długich linijek", które nie mieszczą się w szerokości okna przeglądarki przez co psują estetykę strony. Generator kolorów Wyświetla próbkę podanego koloru oraz pokazuje jego odcienie. Generator odcieni kolorów Umożliwia wybór gotowej próbki koloru z bogatej palety barw, aby wyświetlić pełną gamę jego odcieni: od najciemniejszego do najjaśniejszego. Tester kolorów Zaawansowany generator kolorów...
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>...i zamykanie popovera (domyślnie) show - otwieranie popovera hide - zamykanie popovera Popover to element w postaci domyślnie ukrytego okna dialogowego, które po otworzeniu wyświetla się bezpośrednio w obrębie strony ponad jej standardową zawartością. W rzeczywistości popover jest integralnym elementem strony, a nie osobnym elementem interfejsu przeglądarki. W związku z tym nie wyskakuje on poza obręb karty przeglądarki, jak to ma miejsce w przypadku okien pop-up i pop-under...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...Powinien on odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu), a także w wyszukiwarkach internetowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt długi. Trafny tytuł może również zachęcić internautów do obejrzenia Twojej strony! I najważniejsze - w miejsce tekstu: Tu wpisuje się treść strony (pomiędzy <body> oraz </body>) należy wpisać właściwą zawartość strony. Może...
- HTML dla zielonych / Znaczniki HTML
...robi to automatycznie za nas. Generatory (lub inaczej kreatory - ang. wizards) pomagają przy tworzeniu różnorodnych znaczników (poprzez specjalne okna dialogowe). Pytania i odpowiedzi Co to są znaczniki? Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych. Jest on częścią składni języka HTML i pozwala sterować wyglądem strony. Istnieją znaczniki otwierające i zamykające. Na początku znacznika zamykającego zawsze znajduje się znak ukośnika "/". Do czego stosujemy...
- Komendy HTML 4.01 / Wykaz atrybutów
...tekstu align HR Ustawienie poziomej linii align LEGEND Ustawienie legendy dla grupy kontrolek align TABLE Pozycja tabeli względem okna alink BODY Kolor wybranych odsyłaczy alt APPLET Krótki opis alt AREA, IMG (wymagany) Krótki opis alt INPUT Krótki opis archive APPLET Lista archiwów rozdzielonych przecinkami archive OBJECT Lista adresów rozdzielonych odstępami axis TD, TH Lista powiązanych nagłówków rozdzielonych przecinkami background...