tekst - Kurs HTML i CSS
- Wykaz skryptów / Pozostałe skrypty
...niepotrzebnych obrazów. Przeglądarka posiada również tryb automatycznego pokazu slajdów. Losowy element Wyświetlenie na stronie losowego tekstu lub obrazka. Ochrona strony WWW Zespół metod utrudniających osobom niepowołanym kradzież treści, obrazów i innych elementów naszej strony: blokada prawego klawisza myszki, zaznaczania i kopiowania tekstu, przeciągania elementów strony, drukowania, cache'owania strony, zapisywania i drukowania zdjęć oraz blokada klawisza Print Screen...
- Tryb Quirks / X-UA-Compatible
...zmienia przejście z trybu Compatibility View (MSIE 7) do trybu Standards Compliance (MSIE 8)? HTML Prawidłowe dodawanie cudzysłowów obejmujących tekst zawarty w znaczniku <q>...</q> Zawartość atrybutu <img src="..." alt="..."> nie wyświetla się już w "dymku" narzędziowym (co było nieprawidłowe) - jak w przypadku title="..." Domyślną wartością atrybutu <button type="...">...</button> jest "submit", a nie jak wcześniej - "button", tzn. jeśli wstawimy przycisk bez tego atrybutu, będzie on...
- Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...
...[zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Przykład Jeżeli w arkuszu stylów strony została umieszczona następująca reguła: p[title$="akapit"] { color: red } to każdy akapit, któremu został nadany atrybut TITLE z...
- Selektory pseudoklas CSS / Korzeń :root
...Przykład :root Po wpisaniu w arkuszu stylów: :root p { color: red } a w dowolnym miejscu strony: <p>To jest akapit</p> powinniśmy otrzymać tekst koloru czerwonego: To jest akapit Pytania i odpowiedzi :root Co to jest "root" w CSS? W CSS termin root odnosi się do głównego elementu struktury dokumentu, czyli do korzenia drzewa dokumentu. Jest to punkt wyjścia dla stylów CSS, które mogą być zastosowane do całej strony. Jaki znacznik jest elementem głównym "root" strony HTML...
- Selektory pseudoklas CSS / Ostatnie dziecko :last-child
...się <b>pierwsze pogrubienie (nie powinno być czerwone)</b> oraz <b>drugie pogrubienie (powinno być czerwone)</b>.</p> na ekranie powinniśmy otrzymać tekst, w którym zawiera się pogrubienie koloru czerwonego: To jest akapit, wewnątrz którego znajduje się pierwsze pogrubienie (nie powinno być czerwone) oraz drugie pogrubienie (powinno być czerwone).
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...2</dd> <dt>Termin 3</dt><dd>Definicja 3</dd> </dl> <dl> <dt>Termin 1</dt><dd>Definicja 1</dd> </dl> na stronie powinniśmy otrzymać wykaz, w którym tekst pierwszego punktu będzie pogrubiony, a ostatniego - pochylony: Termin 1 Definicja 1 Termin 2 Definicja 2 Termin 3 Definicja 3 Termin 1 Definicja 1 Zwróć uwagę, że tylko termin drugiej z list jest podkreślony, ponieważ pierwsza lista posiada więcej niż jeden element <dt>...</dt>. Jednocześnie, ponieważ jedyny termin drugiej listy jest...
- Selektory elementów CSS / Ogólny selektor braci
...ten umożliwia nadanie określonych atrybutów wszystkim braciom - tym, których typ w deklaracji został podany jako drugi (czyli brat2). Zwykły tekst znajdujący się pomiędzy braćmi nie ma wpływu na działanie selektora, tzn. jest ignorowany. W odróżnieniu jednak od podstawowego selektora braci, w tym przypadku pomiędzy braćmi mogą się znajdować również elementy innego typu - zostaną pominięte. Nie obsługuje MSIE 6.0!. Przykład Załóżmy, że w arkuszu stylów strony została umieszczona...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
...ani na górze drugiego nie będzie obramowania. Podobnie jeśli obramowanie zostanie przypisane do długiego elementu wyświetlanego w linii, tak że tekst się przełamie na końcu wiersza, przy prawym marginesie ani w następnej linijce przy lewym nie będzie obramowania. Taki efekt może nie wyglądać estetycznie. Można mu jednak zapobiec za pomocą deklaracji "box-decoration-break: clone". Przykład {box-decoration-break} To jest element wyświetlany w linii, któremu nadano obramowanie. Zwróć...
- HTML5 / Składnia (X)HTML5
...język HTML5? Aby mieć pewność, że przeglądarka internetowa zinterpretuje dokument jako HTML5, umieść w nim w pierwszej linijce następujący tekst: <!doctype html>. Jak włączyć HTML5? Nie ma potrzeby zmieniać żadnych ustawień przeglądarki internetowej, aby włączyć obsługę języka HTML5. Jeżeli Twoja przeglądarka wspiera ten język, sama zorientuje się, że wyświetlany dokument został napisany w standardzie HTML5.
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev, charset LINK, A shape, coords A longdesc IMG, IFRAME target LINK nohref AREA profile HEAD version...