podanie - Kurs HTML i CSS
Obramowanie CSS / Obcięcie obramowania obrazkowego {border-image-slice}...obrazek zostanie pocięty na siatkę, składającą się z dziewięciu części: czterech narożników, czterech krawędzi i środka. Możliwe jest przy tym podanie: jednej wartości - określa jednakowe odległości cięć linii siatki od wszystkich krawędzi obrazka; jeżeli cała grafika będzie kwadratowa i jako obcięcie podamy wartość trzy razy mniejszą od długości boku obrazka, to uzyskamy siatkę w postaci dziewięciu równych kwadratów - jak na ściance kostki Rubika dwóch wartości - pierwsza określa...
Operacje na tekście w JavaScript - String.prototype / Rozbijanie tekstu - splitString.prototype.split() String.prototype.split(separator) String.prototype.split(separator, limit) Parametry: String|RegExp separator - znaki rozdzielające (domyślnie: undefined) Number limit - maksymalna liczba elementów w tablicy wynikowej (domyślnie: 232 – 1) Wartość: Array - tablica zawierająca kawałki rozbitego tekstu Rozbija podany tekst na tablicę mniejszych kawałków, z których każdy w oryginalnym tekście był rozdzielony od pozostałych określonym separatorem. Sam separator nie...
HTML5 / Element edytowalny <... contenteditable>(interpretuje: Internet Explorer 6, Firefox 3.5, Opera 10, Chrome 4) Wersja podstawowa: <element contenteditable>...</element> Wersja rozszerzona: <element contenteditable="edycja">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 edycja Można podać: true - element jest edytowalny (to samo co użycie contenteditable jako atrybut logiczny - bez podania wartości). false - element nie jest edytowalny. plaintext-only - tylko surowa zawartość tekstowa elementu jest edytowalna...
- Nagłówek i treść HTML / Struktura dokumentu HTML
...Ci odpowiadają lub przekazują według Ciebie ważne informacje. Jednak nigdy nie należy zapominać o wstawianiu deklaracji strony kodowej, natomiast podanie tytułu strony jest wręcz obowiązkowe! Zaleca się również wpisanie opisu zawartości strony. Większość edytorów HTML posiada specjalne generatory sekcji HEAD, w których podaje się wszystkie atrybuty oraz informacje dotyczące dokumentu, dzięki czemu nie trzeba tego robić ręcznie. Z takiego generatora możesz skorzystać również tutaj. ✅...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
...nazwisko bądź pseudonim. Strona autora może zawierać np. krótką biografię wraz z listą wszystkich jego artykułów w serwisie. Dozwolone jest również podanie adresu poczty elektronicznej, którego używa autor bieżącego dokumentu. W takim przypadku konieczne jest poprzednie adresu odpowiednim przedrostkiem. Przykład <meta "author", link "author"> <meta name="author" content="Jan Kowalski"> <link rel="author" href="mailto:jan.kowalski@example.com">
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
Spis treści <meta "robots, googlebot"> Roboty <meta "robots"> Niestandardowe dyrektywy robotów Googlebot <meta "googlebot"> Roboty <meta "robots"> <head> <meta name="robots" content="dyrektywy"> </head> gdzie jako "dyrektywy" należy wpisać: "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana "follow" - przechodzenie do stron, do których odnoszą się...
- Formularze HTML / Pole wyboru <input "checkbox">
...musiałaby obejmować dwie różne komórki tabeli, co jest niedozwolone. W takim właśnie przypadku należy wykorzystać drugi z wymienionych sposobów - z podaniem identyfikatora id="..." i odniesieniem do niego for="...". Zwróć uwagę, że wartości wyróżnionych atrybutów muszą być takie same dla etykiety oraz dla pola, którego dotyczy. Ponadto w jednym dokumencie nie mogą znajdować się dwa pola o takim samym identyfikatorze (atrybut id="..."). Etykiety można przypisywać do wszystkich typów pól...
- Komendy HTML 4.01 / BASE
...adres, według którego będą tworzone adresy względne TARGET="cel" Podaje nazwę ramki, w której dokument będzie otwarty; ponadto możliwe jest tutaj podanie: _blank - załadowanie do nowego okna _parent - do ramki nadrzędnej _self - do tej samej, w której znajduje się element _top - do pełnego, oryginalnego okna Zdarzenia: Znacznik otwierający: wymagany Znacznik zamykający: zabroniony
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...nie musi ustawiać licznika na zero, a counter-increment wcale nie musi zwiększać licznika tylko o jeden. Licznik może być nawet zmniejszany, poprzez podanie wartości ujemnej (numeracja w tył): ol { counter-reset: licznik 3 } ol li { list-style-type: none } ol li:before { content: counters(licznik, ".") ". "; counter-increment: licznik -1 } Punkt drugi (2.) Podpunkt drugi (2.2.) Podpunkt drugiego rzędu (2.2.2.) Podpunkt drugiego rzędu (2.2.1.) Podpunkt pierwszy (2.1.) Podpunkt...
Aktualizacja / Data aktualizacji strony...które dawno utraciły ważność, co w niektórych przypadkach może być bardzo ważne. Najprostszym sposobem określenia aktualności strony, jest podanie w widocznym miejscu (np. na samym początku) daty jej ostatniej modyfikacji. Można to zrobić oczywiście wpisując "ręcznie" datę, ale po którejś z kolei aktualizacji możesz zapomnieć o tej czynności, nie mówiąc już o tym, że jest to bardzo uciążliwe - szczególnie w przypadku większej ilości stron. Aby pozbyć się wszystkich tych problemów...