znacznik - Kurs HTML i CSS
Tekst CSS / Białe znaki w tekście {white-space}selektor { white-space: sposób } Selektorem może być każdy znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie...
- Tło CSS / Atrybuty mieszane tła {background}
...(interpretuje Internet Explorer 6, Firefox, Opera, Chrome) selektor { background: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne wartości atrybutów, dotyczących tła, które będą oddzielone od siebie spacjami (przy czym można niektóre pominąć). Są to: kolor tła tło obrazkowe powtarzanie tła zaczepienie tła pozycja tła lub...
- Pozycjonowanie CSS / Wyświetlanie {display}
selektor { display: sposób } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: block - element będzie wyświetlony w bloku (odstęp z góry i z dołu) inline - element będzie wyświetlony w linii (sąsiadująco z innymi) list-item - element wykazu: <li>...</li> none - element nie będzie wyświetlany inline-block - element zachowuje się podobnie jak element zastępowany (Firefox 3, Opera 7, Chrome, Konqueror) run-in - jeśli po...
- Tryb Quirks / X-UA-Compatible
...dokumentu w trybie Compatibility View (kompatybilnym z MSIE 7), aż nie zdołamy wszystkiego poprawić. Można to zrealizować za pomocą specjalnego znacznika META: <meta http-equiv="X-UA-Compatible" content="IE=wersja"> gdzie zamiast wersja można wpisać: EmulateIE8 "Quirks Mode" lub "Standards Compliance" - w zależności od użytego DTD (domyślnie) EmulateIE7 "Quirks Mode" lub "Compatibility View" - w zależności od użytego DTD 8 Zawsze "Standards Compliance" bez względu na DTD 7 Zawsze...
- Selektory pseudoklas CSS / Korzeń :root
...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? W HTML elementem głównym, który stanowi korzeń drzewa dokumentu, jest znacznik <html>. To wewnątrz tego znacznika umieszczane są wszystkie inne elementy strony.
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...{ cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Załóżmy, że mamy na stronie listę definicyjną itp.), która - jak wiemy - składa się ze znaczników terminów (DT) i definicji tych...
HTML5 / Uwydatnienie <mark>...w serwisie, w wynikach wyszukiwania możemy uwydatnić słowa, których szukał. Należy wyraźnie odróżnić znaczenie uwydatnienia realizowanego przez znacznik MARK od EM i STRONG. Element MARK uwydatnia tekst tylko w określonym kontekście (w innym może już nie być zaznaczony). Natomiast znacznik EM (podkreślenie akcentu) oraz STRONG (wysoka ważność) oznaczają tekst tak samo w każdym kontekście. Przykład <mark> <blockquote> <p><mark>Litwo</mark>! Ojczyzno moja! ty jesteś jak zdrowie.<br> Ile...
- HTML5 / Podtytuł <hgroup>
...HTML 4.01 tak naprawdę nie dawał możliwości definiowania podtytułów. Twórcy stron musieli sobie z tym jakoś radzić, np. wstawiając zamiast tego znacznik standardowego akapitu i stylizując go odpowiednio za pomocą CSS. Taka konstrukcja jednak nie niosła ze sobą żadnego semantycznego znaczenia. HTML5 uzupełnia ten brak. Przykład <hgroup> W poniżej zamieszczonym przykładzie, znacznik P stanowi podtytuł: <article> <hgroup> <h1>Hobbit</h1> <p>czyli tam i z powrotem</p> </hgroup>...
Tekst HTML / Ćwiczenia...z poprzedniego rozdziału. Podziel tekst ze strony na sekcje tematyczne, z których każda będzie się rozpoczynać odpowiednim tytułem. Zwróć uwagę, że znacznik tytułu nie umieszcza się wewnątrz akapitu, ale przed nim. Odszukaj fragmenty tekstu, które zasługują na szczególne podkreślenie ich znaczenia. Oznacz je w miarę potrzeb znacznikami EM lub STRONG. Sprawdź, czy podczas wcześniejszych ćwiczeń w prawidłowy sposób został przez Ciebie użyty znacznik pogrubienia. Dodaj do swojej strony...
- Nagłówek i treść HTML / Plik robots.txt
Spis treści robots.txt User-Agent Disallow Allow Wzorce dopasowania robots.txt Znacznik <meta name="robots"> jest przydatny w celu określania dostępu przez roboty do pojedynczych dokumentów HTML. Okazuje się jednak mało praktyczny, jeśli chcielibyśmy zablokować dostęp robotom-indekserom np. do wszystkich dokumentów z określonego katalogu serwisu albo wręcz hurtowo do wszystkich plików witryny, tak aby nie pojawiały się w wynikach wyszukiwania np. Google. Znacznik ten okazuje się wręcz...