lista - Kurs HTML i CSS
- Formularze HTML / Selektor plików <input "file">
...To pole jest zablokowane (disabled). Filtr typu plików <form accept, input "file" accept> <form action="..." enctype="multipart/form-data" accept="lista typów"> <input type="file" name="nazwa"> </form> lub <form action="..." enctype="multipart/form-data"> <input type="file" name="nazwa" accept="lista typów"> </form> Czasami oczekujemy, że użytkownik wyśle nam poprzez formularz konkretny typ pliku - np. obrazek. Możemy oczywiście podać gdzieś w widocznym miejscu informację, że np...
- Czcionki CSS / Czcionki osadzone @font-face
Spis treści @font-face Czcionki osadzone @font-face Google Fonts Wersja czcionki Alfabet Lista czcionek Czcionki osadzone @font-face Najbardziej zaawansowaną możliwością ustalania kroju czcionki są tzw. czcionki osadzone. Jak czytelnik zapewne zauważył w rozdziale pt. Rodzaj czcionki, ustalenie kroju czcionki wcale nie jest takie proste. O czcionce przy użyciu której zostanie wyświetlona nasza strona WWW, decyduje zestaw "fontów" zainstalowanych przez użytkownika (w jego systemie...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...interpretuje Firefox 33, Opera 77, Chrome 91) @counter-style typ { system: additive; additive-symbols: symbole-addytywne; } Symbole-addytywne to lista rozdzielona przecinkami, w której każdy element składa się z pary dwóch wartości oddzielonych od siebie dowolnymi białymi znakami (np. spacją): liczba naturalna (dodatnia liczba całkowita) - określa wagę symbolu, czyli jego przelicznik na system dziesiętny symbol - powinien być ujęty w znaki cudzysłowu ("...") albo apostrofy ('...'), chyba...
- Komendy HTML 4.01 / FORM
...zawartości rozdzielonych przecinkami, które serwer obsługuje poprawnie ACCEPT-CHARSET="znaki" Określa zestawy znaków, akceptowane przez serwer (lista wartości rozdzielonych spacją i/lub przecinkiem) ACTION="adres" Określa sposób obsługi formularza (gdzie go wysłać) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ENCTYPE="typ...
- Komendy HTML 4.01 / FRAMESET
...nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLS="długości" Określa rozmieszczenie pionowych ramek (lista długości w pikselach, procentach lub względnie, rozdzielonych przecinkami) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie ROWS="długości" Określa rozmieszczenie poziomych ramek (lista długości w pikselach, procentach lub względnie, rozdzielonych przecinkami) STYLE="styl...
- Selektory specjalne CSS / Klasy selektorów <... class>
Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...
- Menu w CSS / Menu z nagłówkami
...mały problem, jeśli przed blokiem ma się wyświetlić nagłówek w formie tytułu działu. Istnieje inny element, który zapewnia taki podział pozycji - lista definicyjna (słownik). Specyfikacja HTML 4.01 podaje alternatywne zastosowania tego znacznika - np. do przedstawiania dialogu. Można zatem przyjąć, że lista definicyjna reprezentuje pozycje połączone ze sobą w taki sposób, że zawartość <dd>...</dd> stanowi rozwinięcie (uszczegółowienie) <dt>...</dt>, przy czym jedna pozycja może być...
- Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new Function
...new Function(body) new Function(p1, p2... pn, body) Parametry: String body - ciało (kod źródłowy) funkcji String p1, String p2... String pn - lista nazw argumentów funkcji; możliwe jest również łączenie kilku nazw argumentów w jednej zmiennej tekstowej rozdzielając je przecinkami - dlatego konstrukcja: "p1", "p2", "p3", "p4" jest równoważna: "p1,p2, p3", "p4" Wartość: Function - nowa instancja funkcji Wyjątki: SyntaxError - ciało funkcji albo lista nazw argumentów zawiera błąd...
- Tekst CSS / Tryb pisania {writing-mode}
...linijka. Ponadto niektóre przeglądarki mogą układać pionowo również tekstowe elementy formularzy: To jest pierwsza linijka... obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.
- Tekst CSS / Orientacja tekstu {text-orientation}
...Tryb pisania] Niektóre przeglądarki mogą układać pionowo również tekstowe elementy formularzy: To jest pierwsza linijka... obszar tekstowy lista rozwijalna opcja 1 opcja 2 lista rozwijalna opcja 1 opcja 2 ...a to jest kolejna linijka. Jeśli powyżej widzisz pola formularza ułożone poziomo, to znaczy, że Twoja przeglądarka nie obsługuje pionowego ich ułożenia.