atrybut - Kurs HTML i CSS
Selektory pseudoelementów CSS / Przed... :beforeSpis treści :before Przed... :before Obrazek przed... :before {content: url} Wartość atrybutu przed... :before {content: attr} Przed... :before selektor:before { content: "treść" } Selektorem 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...
- Selektory pseudoelementów CSS / Po... :after
Spis treści :after Po... :after Obrazek po... :after {content: url} Wartość atrybutu po... :after {content: attr} Po... :after selektor:after { content: "treść" } Selektorem 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...
- Selektory pseudoklas CSS / Etykieta :target
...Internet Explorer 9, Firefox, Opera, Chrome) selektor:target { cecha: wartość } Selektorem może być praktycznie dowolny znacznik, który posiada atrybut id="..." albo ewentualnie może to być element A posiadający atrybut name="..." [zobacz: Odsyłacz do etykiety i Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Czasami podział serwisu na podstrony jest niewystarczający. Zdarza się, że...
- Selektory pseudoklas CSS / Blokada :disabled :enabled
...{ cecha: wartość } Pole odblokowane: selektor:enabled { cecha: wartość } Selektorem mogą być pola formularza, którym można przypisać atrybut disabled="..." [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie...
- Media CSS / Wybór medium @media
...lub @import: @import url(glos.css) aural; @media print { /* Arkusz dla wydruku */ } Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu LINK precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego wewnątrz...
- Pozycjonowanie CSS / Wyświetlanie {display}
...Określa, czy element jest blokowy, liniowy, czy ma inne właściwości renderowania. Jak ukryć coś w CSS? Aby ukryć coś w CSS, można użyć atrybutu display z wartością none. To całkowicie ukryje element. Co robi atrybut CSS "display: none"? Atrybut CSS "display: none" całkowicie ukrywa element na stronie. Element nie jest renderowany i nie zajmuje miejsca w układzie strony. Jest to sposób na ukrycie elementu przed użytkownikami. Co robi "display: inline"? Deklaracja...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...z rozszerzeniem *.js i potem wstawić do niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć czytania treści strony, na nic nie czekając. <script async src="plik.js"></script> Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna...
Nagłówek i treść HTML / Roboty <meta "robots, googlebot">...podglądem. Podanie wartości zero ("max-video-preview:0") oznacza, że w podglądzie będzie mogło się wyświetlić co najwyżej statyczne zdjęcie z filmu (atrybut poster="...") - zgodnie z ustawieniami dyrektywy "max-image-preview". Dyrektywa "noarchive" blokuje archiwizowanie dokumentu. Wyszukiwarki sieciowe często zapisują kopię indeksowanych stron w swojej pamięci podręcznej. Użytkownicy korzystający z wyszukiwarki mogą otworzyć taką kopię strony np. kiedy oryginalna witryna jest chwilowo...
- Tekst HTML / Definicja <dfn>
<dfn>...</dfn> wyświetlanie: w linii Wprowadza definicję jakiegoś terminu, która zwykle jest napisana kursywą. (zobacz także: Słownik). Znacznikiem tym powinien być objęty tylko definiowany termin, a nie cała treść definicji. Przykład <dfn> <dfn>Atrybut</dfn> to wartość powiązana z elementem, składająca się z nazwy i związanej wartości (tekstowej).
- Komendy HTML 4.01 / Wykaz atrybutów
...poziomej linii size INPUT Rozmiar pola formularza size SELECT Liczba widocznych wierszy span COL Liczba kolumn na które oddzłują atrybuty COL span COLGROUP Domyślna liczba kolumn w grupie src FRAME, IFRAME Źródło zawartości ramki src IMG (wymagany) Adres osadzonego obrazka src INPUT Dla pól z obrazkami src SCRIPT Adres zewnętrznego skryptu standby OBJECT Informacja do pokazania podczas wczytywania start OL Numer początkowy style...