zmienić tekst html - Kurs HTML i CSS
CSS dla zielonych / Zaczynamy kurs CSS!...Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę internetową za pomocą języka HTML, a następnie dzięki CSS można zmienić jej wygląd. Dlatego właśnie znajomość obu tych języków - HTML i CSS - jest kluczowa, aby zbudować profesjonalną stronę WWW. Jeśli jeszcze nie masz pewności, czy warto się uczyć języka CSS, zobacz rozdział: Dlaczego warto używać CSS?. Jeśli język CSS jest dla Ciebie "czarną magią" i wydaje Ci się, że arkusz CSS (miejsce gdzie określa się...
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>...Okienko popover domyślnie nie ma przypisanego żadnego bardziej skomplikowanego wyglądu poza czarną ramką i niewielkim marginesem wewnątrz. Aby to zmienić, użyj stylów CSS. Możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład <div popover, button "button" popovertarget popovertargetaction> <div id="popover1" popover> <p>To jest popover, który powinien się wyświetlić ponad standardową zawartością strony.</p> <p>Aby go...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...to oznaczać właśnie usunięcie ich zawartości. Jednak niektóre pola mogą mieć ustawione przez twórcę strony wartości domyślne, które użytkownik może zmienić. W takim przypadku reset nie wyczyści ich zawartości, ale przywróci te wartości domyślne. W języku HTML nie istnieje element pozwalający naprawdę wyczyścić formularz, ponieważ może to wymagać indywidualnego podejścia w zależności od tego z jakich pól się on składa. Potrzeba uzyskania takiego efektu raczej nie jest częsta - zwykle chodzi...
- HTML dla zielonych / Zaczynamy kurs HTML!
Widzę, że jesteś "zielony/zielona"... ale nic się nie martw. Jeśli koniecznie chcesz "zmienić kolor", przeczytaj umieszczony poniżej tekst. Pozwoli Ci on, stworzyć Twoją pierwszą stronę internetową, nawet w ciągu jednego dnia. Jeśli uważasz, że pisanie stron w języku HTML jest dla Ciebie "czarną magią", a sama strona jest jakimś tajemniczym i bardzo skomplikowanym dokumentem, to się mylisz. Napisanie krótkiej strony internetowej jest prostsze niż Ci się wydaje. Zatem nie trać już czasu na...
- Formularze HTML / Pole wyboru <input "checkbox">
...Tych pól nie możesz zaznaczać ani odznaczać: Pole 1 Pole 2 Etykieta <label> Opis pola nie jest z nim w żaden sposób związany logicznie. Aby to zmienić, należy użyć dodatkowego znacznika <label>...</label>, wewnątrz którego wpisujemy opis kontrolki formularza, który ma być z nią związany: <label><input type="checkbox" name="nazwa" value="wartość"> To jest etykieta pola obok</label> lub <input type="checkbox" name="nazwa" value="wartość" id="pole1"> <label for="pole1">To jest etykieta...
- Jednostki CSS / Długość
...nam, aby wybrany element zajmował zawsze taki sam obszar na ekranie, niezależnie od rozdzielczości i wielkości monitora. Choć rozdzielczość może się zmienić, to jeśli element taki miał wymiar np. 10cm, to tak pozostanie również w nowej rozdzielczości. in - cale (1in = 2.54cm) cm - centymetry mm - milimetry Q - ćwierćmilimetry (1Q = 1/4mm, CSS 3 - obsługuje: Firefox 49, Opera 50, Chrome 63) pt - punkty (1pt = 1/72in) - często używane przy definiowaniu rozmiaru czcionki w edytorach tekstu...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...setTimeout(function() { display(dt, i + 1); }, dt._displayed ? czasRozwin : czasZwin); } } } Na samym początku w wyróżnionych miejscach można zmienić domyślne ustawienia konfiguracyjne: czas rozwijania i czas zwijania pojedynczego elementu menu oraz opóźnienie przy otwieraniu i zamykaniu menu (tylko w wersji otwieranej - szczegóły dalej w tym rozdziale). Wszystkie czasy są podane w milisekundach (1 s = 1000 ms). Wartości te zostaną przypisane wszystkim takim blokom menu na stronie, dla...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
...Wstawianie stylów Skrypty Aktywne przyciski Aktualizacja Nowe okno Opóźnienie przy otwieraniu/zamykaniu Dla tej wersji menu można dodatkowo zmienić opóźnienie, które występuje bezpośrednio przed rozpoczęciem otwierania oraz zamykania menu. Czas ten jest konieczny, aby posługiwanie się takim menu przez użytkownika mogło przebiegać komfortowo. Zbyt małe opóźnienie - zwłaszcza przy zamykaniu - może znacznie utrudnić nawigację! <script> new Menu('menu0', '', true, false, -1, -1...