script - Kurs HTML i CSS
- Czcionki CSS / Proporcje czcionki {font-size-adjust}
(interpretuje Firefox 3, Opera 113, Chrome 127) selektor { font-size-adjust: proporcje } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "proporcje" należy wpisać konkretną wartość, określającą stosunek wysokości małej litery do wysokości całej czcionki (liczba z przedziału 0...1). Subiektywny odbiór wielkości czcionki - a przez to jej czytelność - zależy bardziej od wysokości...
- Aktywne przyciski / Pamięć podręczna
...przycisków - automatycznie zapisuje się w pamięci podręcznej. Wstaw w kodzie nagłówkowym dokumentu (wewnątrz <head>...</head> następujący kod: <script> new Image().src = 'obrazek_podswietlony.gif'; new Image().src = 'obrazek_klikniety.gif'; </script> Należy tutaj umieścić ścieżki dostępu do wszystkich obrazków aktywnych przycisków w wariantach "podświetlony" i "kliknięty", które znajdują się gdziekolwiek na stronie - dla każdego obrazka jedna linia. Nie radzę jednak przesadzać z...
- Nowe okno / Jedno okno
...Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego dokumentu, można tutaj wpisać...
- Ochrona strony
...zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący sposób: <html> <head> <script> var browser = navigator.userAgent; var ie = 0; if (browser.indexOf("MSIE") != -1 && browser.indexOf(") ") == -1) ie = parseFloat(browser.substring(browser.indexOf("MSIE")+4)); var id_status_blink = 0; function status_blink(txt) { window.status = txt; if (!txt) id_status_blink = setTimeout('status_blink("KLIKNIJ WEWNĄTRZ OKNA...
- Menu rozwijane, otwierane, wysuwane / Czas rozwijania/zwijania
...pozycji menu, należy powtórzyć wszystkie przedstawione kroki, poza ostatnim (wywołanie skryptu), który tym razem należy wykonać następująco: <script> new Menu('menu0', '', false, false, czasRozwin, czasZwin); </script> czasRozwin Czas w milisekundach (1 s = 1000 ms), w którym następuje rozwinięcie pojedynczego elementu menu (<dd>...</dd>). Aby wymusić natychmiastowe rozwinięcie wszystkich elementów, należy podać wartość 0 (zero). czasZwin Czas w milisekundach, w którym następuje...
- Menu rozwijane, otwierane, wysuwane / Łączenie opcji
Wszystkie z przedstawionych powyżej opcji można ze sobą łączyć, uzyskując w ten sposób dodatkowy efekt, np. następujące wywołanie skryptu: <script> new Menu('menu0', 'position: absolute', true, true, 0, 100, 0, 250); </script> spowoduje osadzenie wypozycjonowanego absolutnie menu otwieranego w wersji wysuwanej ze zmodyfikowanymi czasami rozwijania/zwijania oraz opóźnieniem przy otwieraniu i zamykaniu. Aby pominąć określenie pozycji, należy po prostu wpisać '' (dwa apostrofy). Aby pominąć...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...ten (title="...") można stosować praktycznie w stosunku do wszystkich znaczników HTML (oprócz: <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>). UWAGA! W treści atrybutu title="..." nie należy używać znaków cudzysłowu. Jeśli musimy to zrobić, należy zamiast nich wpisywać: " Przykład <h4 title> Przykład Pytania i odpowiedzi <h1, h2, h3, h4, h5, h6> Jak zrobić tytuł w HTML? Aby tekst na stronie był czytelniejszy, dobrze jest podzielić go na sekcje...
- Znaki specjalne HTML / Symbole
W tabeli poniżej znajdziesz listę symboli tekstowych - np. używanych we wzorach matematycznych. Więcej znaków specjalnych przedstawiających różne symbole w postaci ikon piktogramów znajdziesz w rozdziale: Emotikony (emoji). Na przykład: 😀 👋 🐵 🍇 🌍 🎃 👓 🏧 🏁 i wiele więcej. Natomiast ikony na stronę do pobrania znajdziesz w rozdziale: Ikony (symbole). Numer Nazwa Opis Objaśnienie Wygląd ƒ ƒ Latin small "f" with hook (function, florin) Łacińskie małe "f" z "haczykiem...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
- Typy MIME / Wykaz typów MIME
...cu application/davmount+xml davmount application/docbook+xml dbk application/dssc+der dssc application/dssc+xml xdssc application/ecmascript ecma application/emma+xml emma application/epub+zip epub application/exi exi application/font-tdpfr pfr application/gml+xml gml application/gpx+xml gpx application/gxf gxf application/hyperstudio stk application/inkml+xml ink inkml application/ipfix ipfix application/java-archive jar application/javascript js...


