podanie - Kurs HTML i CSS
Obramowanie CSS / Cień {box-shadow}...taki, jak sam element) Wartości "poziom", "pion", "rozmycie" oraz "rozprzestrzenienie" należy podać, używając jednostek długości. Możliwe jest podanie więcej niż jednego efektu - wtedy kolejne efekty należy rozdzielić przecinkami. Zostaną one zastosowane w kolejności podawania. Aby zupełnie usunąć ustalony wcześniej cień, należy podać box-shadow: none [Zobacz także: Wstawianie stylów] Powyższe polecenie pozwala wprowadzić efekt cienia pod dowolnym elementem. Możliwe jest również podanie...
- 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...
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 / 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
- HTML5 / Napisy do filmów <track>
...przypadku pomocny jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz: Skróty nazw języków). Oprócz tego zaleca się również podanie atrybutu label="...", którego wartość może być wyświetlona w odtwarzaczu wideo, aby użytkownik mógł samodzielnie wybrać najbardziej odpowiadające mu napisy. Możemy jednak również chcieć dostarczyć specjalne napisy dla osób niesłyszących albo transkrypcję dla niewidomych. W takim przypadku należy się posłużyć atrybutem kind="...". Określa...
- 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...
- Oprawa graficzna / "Duszki" CSS
...całkowicie przy prawej krawędzi arkusza z "duszkami", ponieważ tylko w ten sposób jest możliwe ustawienie tła przy prawej krawędzi zakładki (poprzez podanie poziomej pozycji jako 100%), zapewniając automatyczne dopasowanie szerokości do długość tekstu na zakładce. ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul { float: left; width: 100%; border-bottom: 1px solid #365; padding-left: 20px; } ul li { float: left...