znacznik - Kurs HTML i CSS
HTML dla zielonych / Tekst pogrubiony HTML <b>...pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst? Aby wytłuścić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <b>...</b>. Jak zmienić grubość tekstu HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pogrubić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <b>...</b>, dzięki czemu będzie się on lepiej wyróżniał wizualnie.
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym sposobem umieszczenia obrazka na środku strony jest wstawienie go wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"></div>. Jak wyśrodkować obraz i tekst HTML? W tym celu zarówno obrazek jak i tekst można umieścić wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...nie przysyłaj mi pustych listów 😉 Pytania i odpowiedzi <a "mailto"> Jak wstawić adres e-mail w HTML? W tym celu trzeba umieścić na stronie znacznik odsyłacza z atrybutem, w którym będzie się znajdował adres poczty e-mail poprzedzony przez "mailto:". Na przykład jeśli chcemy wstawić odnośnik do adresu "jan.kowalski@example.com", należy się posłużyć następującym kodem: <a href="mailto:jan.kowalski@example.com">...</a>. Dlaczego odsyłacz e-mail nie działa? Zwykle powodem jest brak...
- HTML dla zielonych / Pozioma linia HTML <hr>
...której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak zrobić kreskę na stronie HTML? Dzięki użyciu znacznika <hr> możemy wstawić...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...Przykład <sup, sub> indeks<sup>górny</sup> indeksgórny indeks<sub>dolny</sub> indeksdolny Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Jest to skrót od angielskiego sława subscript oznaczającego indeks dolny przy poprzedzającym go tekście. Jak dodać tekst do góry HTML? Aby wyświetlić pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie...
- 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.
- 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...
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...