znacznik - Kurs HTML i CSS
- Widżety HTML / Szablon strony bez ramek
...inne elementy, które powinny być różne na każdej podstronie. Może, a nawet powinien, to być np. opis zawartości strony - różne wartości tego znacznika w każdym dokumencie również mogą przyczynić się do poprawienia pozycji serwisu w wyszukiwarkach. Koncepcja jest taka, aby nagłówek i stopkę szablonu zapisać w osobnych plikach. Dzięki temu dodanie nowego linka do menu nawigacyjnego lub jakakolwiek inna zmiana w powtarzających się elementach strony, będzie wymagała modyfikacji tylko...
- Tekst HTML / Tekst preformatowany <pre>
...napisany czcionką monotypiczną (o stałej szerokości znaku), który uwzględnia dodatkowe spacje, tabulację i znaki końca linii (nie trzeba stosować znaczników <br>) oraz nie jest automatycznie zawijany. Dzięki niemu możesz np. wkleić na stronę WWW tekst, wprost ze zwykłego edytora, bez stosowania dodatkowych znaczników (niestety informacje dotyczące formatowania zostaną pominięte). Należy jednak przy tym pamiętać, aby tekst nie zawierał znaków: "<" oraz ">" (w zamian używaj: < i >)...
- Tekst HTML / Blok cytowany <blockquote>
...który ciągnie się przez wiele linijek (zobacz także: Cytat). UWAGA! W Strict DTD tekst zawarty w bloku cytowanym, powinien być objęty również innym znacznikiem blokowym, jak np. paragrafem (<blockquote><p>...</p></blockquote>). Przykład <blockquote> To jest blok cytowany. Używamy go gdy powołujemy się na jakieś źródła, cytujemy czyjąś wypowiedź... Wszystkie wiersze w tym bloku rozpoczynają się tabulatorem. Blok cytowany ze źródłem <blockquote cite> Korzystając z atrybutu cite...
- Tekst HTML / Skrót <abbr>
wyświetlanie: w linii <abbr>...</abbr> Znacznik ten pozwala oznaczyć wpisaną formę skróconą jak np.: "inż.", "prof.". Obejmuje to również tzw. akronimy (skrótowce), czyli wyraz utworzony z pierwszych liter lub pierwszych zgłosek (najczęściej sylab) kilku wyrazów będących zwykle jakąś nazwą, np.: "WWW" (World Wide Web). Akronim od skrótu najłatwiej można odróżnić po tym, że w języku polskim po skrócie stawiamy kropkę, chyba że kończy się ostatnią literą pełnego wyrazu (jak "nr" - numer)...
- Tekst HTML / Słownik <dl, dt, dd>
...lista staje się czytelniejsza. (Zobacz także: Definicja). Zwracam uwagę, że w obrębie słownika tekst i inne elementy można wstawiać tylko wewnątrz znaczników terminów i definicji, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <dl> Słownik... <dt>Termin</dt> <br> <dd>Definicja</dd> <br> </dl> Termin definicji (DT) nie może zawierać elementów blokowych. Przykład <dl, dt, dd> Atrybut Wartość powiązana z elementem, składająca się z nazwy i związanej wartości (tekstowej). HTML...
- Tekst HTML / Wykaz <ul, ol, li>
...<li>Punkt trzeci</li> </ul> wyświetlanie: w bloku Zwracam uwagę, że w obrębie wykazu tekst i inne elementy można wstawiać tylko wewnątrz znaczników punktów wykazu, a nie poza nimi! Zatem poniższy kod będzie nieprawidłowy: <ul> Wykaz... <li>Punkt pierwszy</li> <br> <li>Punkt drugi</li> <br> </ul> Przykład <ul, li> Punkt pierwszy Punkt drugi Punkt trzeci Dla zainteresowanych Jeśli za mało Ci typów wypunktowania wykazów wbudowanych w język HTML, zobacz rozdziały CSS: Typ stylu...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...selektor:nth-last-of-type(cykl) rodzic > dziecko:nth-last-of-type(cykl) Selektorem, rodzicem oraz dzieckiem może być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Cykl określa sposób powtarzania elementów: An+B An B (dla n≥0 - liczba naturalna z zerem) gdzie A (okres) i B (przesunięcie początkowe) są liczbami całkowitymi (mogą być dodatnie, ujemne lub wynosić zero) - zobacz szczegółowe wyjaśnienie dalej odd elementy...
- HTML5 / Napisy do filmów <track>
...zapisywania pliku wybierz opcję: "Kodowanie: UTF-8". Jeżeli używasz innego edytora możesz posiadać dodatkowo opcję zapisu pliku bez tzw. znaku BOM (znacznik kolejności bajtów) - dla plików *.vtt może on zarówno zostać dodany, jak i pominięty. W tym przypadku raczej korzystniej będzie go dodać (Notatnik robi to automatycznie). Przykład <track> Zobacz przykład: TRACK Rodzaj napisów Istnieje możliwość podania więcej niż jednego znacznika <track> dla tego samego materiału wideo. Mogą to być...
- HTML5 / Deklaracja strony kodowej <meta charset>
<meta charset="utf-8"> W języku HTML5 znacznik META uzyskał możliwość określania deklaracji strony kodowej w formie skróconego zapisu. Styl HTML 4.01: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Styl HTML5: <meta charset="utf-8"> Najnowsze wydanie specyfikacji języka HTML5 dopuszcza wyłącznie jedną stronę kodową: utf-8.
- Podcast HTML / #7 Widżety HTML
...która ma zostać wczytana do ramki. "Tekst alternatywny" jest wyświetlany tylko w przeglądarkach, które nie obsługują ramek lokalnych. Między znacznikiem otwierającym <iframe...> a zamykającym </iframe> można umieścić dowolny kod, który wyświetli się w przypadku, gdy przeglądarka nie obsługuje ramek lokalnych. Najprościej jest podać odsyłacz do tej samej strony, którą wczytujemy do ramki. Jeśli nie określi się koloru tła dokumentu wczytywanego, przeglądarka może przyjąć kolor tła...

