image - Kurs HTML i CSS
Formularze HTML / Selektor plików <input "file">...jaki typ MIME odpowiada danemu rozszerzeniu nazwy pliku, zobacz: Wykaz typów MIME. Przykład <input "file" accept> <input type="file" accept="image/jpeg,image/gif"> Wybierz obrazek JPG lub GIF (zwróć uwagę, że pliki innych typów nie powinny być widoczne w selektorze): Rodzina ogólna Oprócz tego w języku HTML5 można również określać ogólną rodzinę typu plików: image/* Obrazek w dowolnym formacie audio/* Muzyka w dowolnym formacie video/* Film w dowolnym formacie Przykład...
Menu drzewiaste / Skrypt menu drzewiastego...0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.closed { background-image: url("closed.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.opened { background-image: url("opened.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree...
- HTML5 / Responsywny obrazek <picture, source>
...którego format jest obsługiwany przez przeglądarkę. format 1, format 2... Nazwa formatu (typ MIME), w którym został zapisany plik obrazka - np.: "image/webp" (WebP), "image/vnd.ms-photo" (JPEG XR - extended range), "image/svg+xml" (Scalable Vector Graphics). lokalizacja pliku w formacie podstawowym Lokalizacja pliku dla przeglądarek, które w ogóle nie obsługują znacznika PICTURE albo jeśli nie obsługują żadnego z formatów wymienionych w znacznikach SOURCE. Tekst alternatywny Tekst który...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...długości opisu w wynikach wyszukiwania do podanej liczby znaków "notranslate" - blokada proponowania tłumaczenia strony na inny język "noimageindex" - blokada indeksowania obrazków wstawionych na stronie (sama strona nadal może być indeksowana) "nositelinkssearchbox" - uniemożliwia wyświetlenie w wynikach dodatkowego pola wyszukiwania w witrynie i innych linków z niej pochodzących "noindex, indexifembedded" - umożliwia indeksowanie stron załadowanych wewnątrz ramek, kiedy...
Komendy CSS3 / Kształty CSSŹródło: CSS Shapes Module Level 1 Spis treści shape-outside shape-image-threshold shape-margin shape-outside Kształt obszaru oblewania Wartość none | [ <basic-shape> || <shape-box> ] | <image> Inicjalizacja none Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-image-threshold Wybór pikseli obrazka obszaru oblewania Wartość <number> Inicjalizacja 0.0 Zastosowanie elementy z oblewaniem (float) Dziedziczenie nie Media visual shape-margin...
- HTML5 / Nowe atrybuty HTML5
...z elementem formularza formaction, formenctype, formmethod, formnovalidate, formtarget BUTTON (type="submit"), INPUT (type="submit" lub type="image") formaction - URL do użycia przy wysyłaniu formularza; formenctype - typ kodowania listy danych do użycia przy wysyłaniu formularza; formmethod - metoda do użycia przy wysyłaniu formularza; formnovalidate - pominięcie walidacji kontrolek formularza przy wysyłaniu formularza; formtarget - cel nawigacyjny dla wysyłania formularza hidden...
- HTML5 / Wstępne ładowanie <link "preload" as>
...wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany...
- Komendy CSS3 / Maskowanie CSS
...mask-border-mode mask-border-outset mask-border-repeat mask-border-slice mask-border-source mask-border-width mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type clip Obcinanie Wartość rect() | auto Inicjalizacja auto Zastosowanie elementy pozycjonowane absolutnie Dziedziczenie nie Procenty nie Media visual clip-path Kształt obcinania Wartość <clip-source> | [ <basic-shape> || <geometry-box> ] | none...
- Komendy HTML 4.01 / INPUT
...odczytu SIZE="rozmiar" Inicjalizująca szerokość kontrolki w pikselach lub w znakach (gdy TYPE="text" lub TYPE="password") SRC="adres" Gdy TYPE="image", to podaje lokalizację obrazka, który ma być użyty do ozdobienia przycisku graficznego STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ kontrolki: button - przycisk checkbox - przełącznik (pole wyboru) file - selektor...
- Komendy CSS 2 / Specyfikacja CSS
...że jedna lub więcej z nich musi się pojawić w deklaracji stylu w dowolnym porządku, np. dla zestawienia: <'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'> można podać: <'background-repeat'> <'background-image'> Nawiasy kwadratowe "[" oraz "]" służą do grupowania, np. wyrażenie: a b | c || d e jest równoważne: [ a b ] | [ c || [ d e ]] Gwiazdka "*" wskazuje, że poprzedzający typ, wyraz lub grupa może się...