element - Kurs HTML i CSS
HTML5 / Tryb wpisywania <... inputmode>(interpretuje: Firefox 95, Opera 53, Chrome 66) Elementy bez znacznika zamykającego (np. INPUT): <element inputmode="tryb"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do...
- Komendy HTML 4.01 / Wykaz atrybutów
...i 'checkbox' cite BLOCKQUOTE, Q Adres dla dokumentu źródłowego lub wiadomości cite DEL, INS Informacja o zmianie class Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Lista klas rozdzielonych odstępami classid OBJECT Identyfikuje implementację clear BR Kontroluje przepływ tekstu code APPLET Plik klasy apletu codebase APPLET Opcjonalny adres bazowy dla apletu codebase OBJECT Adres bazowy dla klas, danych...
- Tekst HTML / Wyświetlanie znaczników HTML
...wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki końca linii (linijki przerwy) przed oraz po takim bloku tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły jest akapit, który mimo że stanowi element blokowy, nie może zawierać w sobie...
- HTML5 / Filmy i dźwięk <video, audio, source>
...do filmów własnych napisów. Nic dziwnego, że w HTML5 postanowiono zmienić tę sytuację. Najpierw zdecydowano się wprowadzić do specyfikacji element EMBED, który do tej pory i tak był powszechnie używany, choć oficjalnie nie istniał. Nadal jednak nie zaleca się jego stosowania do materiałów audio/wideo: Wymaga zainstalowanej na komputerze wtyczki. Nie każda przeglądarka obsługuje wszystkie rodzaje wtyczek. Nie każda wtyczka jest dostępna dla wszystkich rodzajów systemów operacyjnych...
Wstawianie stylów CSS / Rozciąganie stylu <span style>...<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. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy uzyskać. Zwróć uwagę, że jednemu selektorowi możemy...
- Wstawianie stylów CSS / Wydzielone bloki <div style>
...XXXXXXXXXXXXXXXXXXXXXXXX w bloku XXXXXXXXXXXXXXXXXXXXXXXX natomiast SPAN: XXXXXXXXXXXXXXXXXXXXXXXXw liniiXXXXXXXXXXXXXXXXXXXXXXXX Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur. Natomiast elementy wyświetlanie w linii (SPAN) nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst. Wewnątrz DIV można oczywiście wpisać...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...należy wpisać: scroll - przewijanie tła (domyślnie) fixed - tło nieruchome względem okna przeglądarki local - tło nieruchome względem elementu (jeśli posiada on suwaki), ale przewijane względem okna przeglądarki (CSS 3) [Zobacz także: Wstawianie stylów] Normalnie jeśli tłem strony jest grafika, przesuwa się ona razem z tekstem, w miarę przewijania treści okna za pomocą suwaka. Możemy jednak sprawić, że tło będzie przez cały czas nieruchome, nawet jeśli będziemy przewijali...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi) względem położenia elementu bez używania pozycjonowania - położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo...
- Jednostki CSS / Długość
...długości Wstęp Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest opcjonalna. Należy pamiętać, że nie każdy parametr może przyjąć wartość ujemną! Są dwa typy jednostek długości: względne (relatywne) i bezwzględne...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
(CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Pierwszy element wybranego typu: selektor:first-of-type { cecha: wartość } rodzic > dziecko:first-of-type { cecha: wartość } Ostatni element wybranego typu: selektor:last-of-type { cecha: wartość } rodzic > dziecko:last-of-type { cecha: wartość } Jedyny element wybranego typu: selektor:only-of-type { cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być...