wpisać - Kurs HTML i CSS
HTML5 / Element edytowalny <... contenteditable>...jest wyłączone Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w treści akapitu swój własny tekst. Treść taka jednak nie będzie widoczna dla innych użytkowników, odwiedzających tę samą stronę. Nie będzie również możliwości jej zapisania - po odświeżeniu strony wyświetli się ponownie domyślna zawartość dokumentu. Aby efekty edycji były trwałe, konieczne jest zainstalowanie na serwerze...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób uwierzytelnienie Należy wpisać: anonymous - dane uwierzytelniające zostaną przesłane tylko w przypadku, kiedy odwołanie nastąpi z tej samej domeny (to samo co użycie crossorigin jako atrybut logiczny - tzn. bez podania wartości). Czyli przykładowo jeśli na naszej stronie wstawimy obrazek znajdujący się na innym serwerze, będziemy mieli pewność, że jego zawartość nie...
- HTML5 / Tryb wpisywania <... inputmode>
...atrybut inputmode="..." ma zastosowanie nie tylko do znacznika INPUT, ale również TEXTAREA czy nawet dowolnego elementu edytowalnego, w którym można wpisać tekst. Można go również przypisać zbiorczo do wielu elementów INPUT, TEXTAREA lub edytowalnych - wystarczy je objąć dowolnym znacznikiem z przypisanym atrybutem inputmode="...".
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
...maxlength="maksimum">...</textarea> minimum maksimum Liczby całkowite oznaczające odpowiednio: najmniejszą liczbę znaków, którą użytkownik musi wpisać w polu tekstowym oraz największą liczbę znaków, której nie może przekroczyć Atrybuty te pozwalają wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i uniemożliwić wprowadzenie za długiego tekstu (maxlength="..."). Oba te atrybuty można stosować wspólnie lub osobno. Warto...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...srcdoc='...' (oraz w formie srcdoc="...") musi mieć w odpowiedni sposób zakodowane znaki specjalne. W tym celu na kodzie HTML, który chcesz wpisać w tym atrybucie, wykonaj po kolei następujące kroki: Zamień wszystkie znaki "&" na "&". Jeżeli wartość atrybutu srcdoc='...' jest ujęta w znaki apostrofu, zamień wszystkie inne wystąpienia apostrofu na "'". Jeżeli wartość atrybutu srcdoc="..." jest ujęta w znaki cudzysłowu, zamień wszystkie inne wystąpienia cudzysłowu na...
Wstawianie stylów CSS / Rozciąganie stylu <span style><span style="cecha: wartość; cecha2: wartość2...">...</span> Jako "cecha" należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach). Natomiast jako wyraz "wartość" wpisujemy dokładną wartość atrybutu. Znacznik <span>...</span> pozwala na objęcie pewnego większego fragmentu dokumentu. Pojedynczym znacznikiem <span>...</span> możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np...
- Wstawianie stylów CSS / Styl lokalny <... style>
...się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj zajmiemy się tylko sposobami wstawiania stylów na stronach. Jako wyraz "wartość" (w deklaracji stylu) wpisujemy dokładną wartość atrybutu (np. dla koloru tekstu będzie to: red, blue czy też #31F4A5...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu (np. na przycisk wysłania formularza - type="submit"), należałoby wpisać np. taką regułę: input[type="text"] { border: 1px solid black } Niestety również ta deklaracja nie jest interpretowana przez MSIE 6 🙁. Jedynym rozwiązaniem problemu wydaje się użycie klasy selektorowej dla każdego pojedynczego znacznika pola tekstowego w formularzu. Wtedy przynajmniej będzie można określić wszystkie własności...
- Selektory pseudoelementów CSS / Przed... :before
...może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść przed określonymi elementami, na które wskazuje selektor. UWAGA! Polecenie nie interpretuje MSIE 7.0. W MSIE 8.0 wszystko jest w porządku, ale tylko w trybie Standards Compliance. Przykład :before Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:before...
- Selektory pseudoelementów CSS / Po... :after
...może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść po określonych elementach, na które wskazuje selektor. UWAGA! Polecenie nie interpretuje MSIE 7.0. W MSIE 8.0 wszystko jest w porządku, ale tylko w trybie Standards Compliance. Przykład :after Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:after...