znacznik - Kurs HTML i CSS
Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>...Aby ustawić taką stronę kodową, wystarczy w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić następujący znacznik: <meta charset="utf-8">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem deklarację strony kodowej dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego!
- 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.
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...
- Czcionki CSS / Wielkość czcionki {font-size}
...em" Jednostka "px" Jednostka "pt" Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne wartości absolutne: xx-small - najmniejsza x-small - bardzo mała small - mała medium - średnia large - duża...
- Marginesy CSS / Dolny margines {margin-bottom}
selektor { margin-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Polecenie wprowadza dodatkowy odstęp między danym elementem a następnym elementem. Przykład {margin-bottom} To jest pierwszy akapit z dolnym marginesem margin-bottom: 2cm... ...a to jest następny akapit. Dlatego odstęp...
- Marginesy CSS / Lewy margines {margin-left}
selektor { margin-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić lewy margines dla danego elementu, a więc np. dodatkową odległość od lewego brzegu strony. Przykład {margin-left} To jest akapit z lewym marginesem margin-left: 4cm i dlatego jest oddalony od lewej...
- Marginesy CSS / Prawy margines {margin-right}
selektor { margin-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od...
- Marginesy CSS / Dolny margines wewnętrzny {padding-bottom}
selektor { padding-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-bottom} Tekst w tej komórce tabeli jest oddalony od dolnego brzegu obramowania o 1cm (padding-bottom: 1cm)
- Marginesy CSS / Lewy margines wewnętrzny {padding-left}
selektor { padding-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-left} Tekst w tej komórce tabeli jest oddalony od lewego brzegu obramowania o 2cm (padding-left: 2cm)