zrobić html - Kurs HTML i CSS
Tekst CSS / Kolor tekstu {color}...koloru tekstu elementu w CSS służy właściwość color. Możesz podać wartość koloru jako nazwę koloru, kod szesnastkowy lub funkcję koloru. Jak zrobić kolorowy tekst? Aby stworzyć kolorowy tekst w HTML, możesz użyć znacznika <span>, wewnątrz którego umieścisz tekst, a następnie wykorzystać atrybut style="..." lub CSS do ustalenia koloru tekstu. Na przykład: <span style="color: red">Kolorowy tekst</span>. Jak ustawić kolor RGB w CSS? Aby ustawić kolor w formacie RGB w CSS, możesz...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...liczby przed n można pominąć: selektor:nth-child(-n) { cecha: wartość } Jawne oznaczanie liczby A dodatnim znakiem nie jest wymagane, ale można to zrobić: selektor:nth-child(+2n) { cecha: wartość } Białe znaki (np. spacje) są dozwolone po otworzeniu i przed zamknięciem nawiasu selektora: selektor:nth-child( odd ) { cecha: wartość } Można je również wstawiać przed i po znaku sumy bądź różnicy we wzorze: selektor:nth-child(-2n + 10) { cecha: wartość } Białe znaki są jednak niedozwolone...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...główne - liczby rzymskie: I, II, III,... Podpunkty - liczby arabskie: 1, 2, 3,... Podpunkty drugiego rzędu - litery: a, b, c,... Co jednak zrobić, jeżeli nie odpowiada nam taki sposób numeracji punktów albo nie możemy z góry określić ile będziemy mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania elementów, np.: Punkty główne: 1., 2., 3.,... Podpunkty: 1.1., 1.2., 1.3.,... 2.1., 2.2...
- Dobre praktyki / CSS Zorientowane Obiektowo
...stylizację zarówno z klasy Information (np. tekst ujęty w ramkę) jak i Important (np. czerwony tekst albo wytłuszczenie). Przesłanianie Co zrobić, jeśli recenzja - szczególny przypadek ogólnego artykułu - ma wyglądać jednak nieznacznie inaczej od swojego pierwowzoru (klasy bazowej)? Wybrane deklaracje z klasy bazowej można przesłonić (ang. override), przypisując im zmienione wartości w klasie pochodnej. Na przykład: .Article { color: black; background-color: white...
HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">...możesz kliknąć tutaj (nastąpi przejście do strony głównej portalu internetowego onet.pl). Pytania i odpowiedzi <a https "http, _blank"> Jak zrobić odsyłacz do strony internetowej? Na przykład aby wstawić łącze do wyszukiwarki Google, należy się posłużyć następującym kodem: <a href="https://www.google.pl/">Przejdź do Google</a>. Dlaczego odsyłacz internetowy nie działa? Prawdopodobnie na początku adresu strony w odsyłaczu brakuje "https://" albo "http://". Prawidłowo powinno to...
- Tekst HTML / Indeks górny i dolny <sup, sub>
...indeks dolny? Aby wstawić indeks dolny w dokumencie HTML, wystarczy umieścić wybrany fragment tekstu wewnątrz znacznika <sub>...</sub>. Jak zrobić indeks górny i dolny jednocześnie? Jeśli wstawimy znaczniki indeksu górnego i dolnego bezpośrednio po sobie, to ten drugi w kolejności wyświetli się przesunięty w prawo. Aby ustawić indeks górny i dolny równo ponad sobą w jednej pionowej linii, można się posłużyć następującym kodem: A<span style="display: inline-block; line-height...
- Tekst HTML / Zmienna <var>
...która zostaje wyróżniona, najczęściej poprzez pochylenie tekstu. Przykład <var> zmienna = a + 2b + 3 Pytania i odpowiedzi <var> Jak zrobić zmienną w HTML? W tym celu należy umieścić tekst wewnątrz znacznika <var>...</var>. Jak oznaczyć zmienną? Chociaż możemy w dowolny sposób wyróżnić wizualnie tekst będący zmienną (np. matematyczną, fizyczną, języka programowania albo parametr funkcji), lepiej jest do tego użyć znacznika <var>...</var>. Oprócz określonego sposobu...
- Tabele HTML / Zagnieżdżanie tabel
...tabel umieścimy wewnątrz siebie, tym taka konstrukcja może być coraz mniej czytelna ze względu na niewystarczającą ilość miejsca na ekranie. Jak zrobić tabelę w tabeli HTML? W tym celu wewnątrz znacznika wybranej komórki <td>...</td> tabeli nadrzędnej wstawiamy znacznik tabeli podrzędnej <table>...</table> wraz z całą jego zawartością - tzn. wewnętrznymi wierszami <tr>...</tr> i zawartymi w nich komórkami wewnętrznymi.
- Multimedia HTML / Obrazek HTML <img>
...zawsze staraj się wcześniej pokazać miniaturkę, aby użytkownik mógł ocenić, czy chce czekać na załadowanie pełnowymiarowego obrazu (można to zrobić np. za pomocą galerii zdjęć). Przy przeglądaniu większej liczby dużych obrazków, pomocne mogą okazać się galeria lub przeglądarka zdjęć. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział HTML5: Responsywny obrazek, Wstępne ładowanie...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...a dopiero po kliknięciu rozwijają się kolejne. Ponadto jeśli opcji będzie bardzo dużo, przeglądarka pokaże pionowy suwak do ich przewijania. Jak zrobić listę rozwijaną w HTML? Lista rozwijana jest jednym z rodzajów pól formularza. Aby wstawić pole takiego typu na stronie i umieścić w nim np. trzy opcje, można się posłużyć następującym kodem: <select name="..."> <option>Opcja 1</option> <option>Opcja 2</option> <option>Opcja 3</option> </select>.