ustawić html - Kurs HTML i CSS
HTML5 / Wykaz z numeracją odwrotną <ol reversed>...w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...<button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button>. Ten kod otwiera lub zamyka popover po kliknięciu przycisku. Jak ustawić popover? Domyślnie popover pojawia się nad zawartością strony, ale jego pozycję można dostosować za pomocą CSS. Używając właściwości CSS, takich jak position, top, left, bottom, right czy margin, możesz precyzyjnie określić, gdzie popover ma się pojawić względem elementu wyzwalającego. Na przykład jeśli znacznik z popoverem ma przypisany...
- Tekst HTML / Blok <div>
...elementy przed nim i poniżej niego zostaną przeniesione do nowej linii. Ponadto pozwala on grupować wewnątrz siebie inne elementy np. po to, aby je ustawić na środku ekranu.
- Języki / Strony kodowe
...Czcionki i w niej użyć opcji dodawania nowej czcionki, odszukując jej plik na dysku komputera. Teraz wystarczy w używanym przez nas edytorze HTML, ustawić dodaną właśnie czcionkę jako ekranową. Dodać nowy układ klawiatury w systemie - ta opcja zwykle jest dostępna w ustawieniach systemu operacyjnego pod sekcją zatytułowaną Języki. Dodatkowo czasami przydatna może być również opcja Przełącznik języków, dzięki której można się będzie płynnie przełączać pomiędzy różnymi językami, które zostały...
CSS dla zielonych / Tapeta CSS {background-color, background-image, color}...i odpowiedzi {background-color, background-image, color, background-attachment, background-position, background-repeat, background-size} Jak ustawić obrazek jako tło w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład jeśli plik tła nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co arkusz stylów *.css, a jego kolorystyka jest przeważająco jasna, można się...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział: Multimedia / Obrazek. Przykład <div "center", img src alt> Pytania i odpowiedzi <div "center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...drugiego rzędu (2.) Podpunkt drugi (2.) Podpunkt drugiego rzędu (1.) Podpunkt drugiego rzędu (2.) Jeżeli w jednej deklaracji chcemy ustawić lub zwiększyć więcej niż jeden licznik, nie należy wstawiać kilka razy tej samej własności counter-reset czy counter-increment, lecz umieścić kilka identyfikatorów liczników w tej samej wartości, rozdzielonych spacjami: ol { counter-reset: licznik1 licznik2 } ol li { counter-increment: licznik1 licznik2 } Ponadto warto odnotować, że...
- Menu w CSS / Poziome menu
...takim samym jak dolne obramowanie całej listy, dlatego wyglądają jak zakładki. Dla stanu podświetlenia musimy tylko zmienić kolor tła oraz ustawić taki sam kolor dolnego obramowania odnośnika, dzięki czemu uzyskamy efekt wysunięcia wskazanej zakładki do przodu - przed inne. Podobny efekt z zastosowaniem drugiego sposobu: Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul { border-bottom: 1px solid #888...
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
...zwłaszcza, kiedy wprowadziliśmy zmiany w elementach osadzonych na stronie (np. obrazkach), ale ciągle widzimy ich poprzednią wersję. Jak ustawić automatyczne odświeżanie strony? Aby wymusić automatyczne odświeżenie strony np. po upływie 60 sekund, wystarczy umieścić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="60">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...sytuacji po wejściu na stary adres przeglądarka automatycznie wczyta nową stronę, bez potrzeby klikania użytkownika w dodatkowe odsyłacze. Jak ustawić przekierowanie na inną stronę? Aby po wejściu na stronę natychmiast automatycznie przekierować użytkownika na nowy adres (np. https://www.example.com/), wystarczy wstawić w nagłówku dokumentu - tzn. gdziekolwiek wewnątrz elementu <head>...</head> - następujący znacznik: <meta http-equiv="refresh" content="0...