strony - Kurs HTML i CSS
HTML5 / Główna treść <main>...element MAIN. Powinniśmy nim oznaczyć główną treść każdego dokumentu. Zwykle można ją rozpoznać po tym, że jest bezpośrednio związana z tytułem strony. Znacznikiem MAIN nie należy obejmować żadnych stałych elementów, które powtarzają się w całym serwisie: menu nawigacyjnego, informacji o prawach autorskich, logo serwisu, bannerów, formularzy wyszukiwania itp. Znacznik ten może jednak obejmować linki nawigujące do podsekcji głównej zawartości dokumentu, które nie powtarzają się na innych...
CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}...oraz teksu na całej stronie, możemy się posłużyć selektorem body, ponieważ właśnie wewnątrz znacznika <body>...</body> znajduje się cała zawartość strony. Zatem w arkuszu stylów wystarczy umieścić następujący kod: body { background-color: black; color: white; } Zwróć uwagę, że deklaracja stylów, którą ujmuje się w nawiasy klamrowe, składa się tutaj z dwóch linijek. Każda z nich rozpoczyna się od podania tzw. cechy (inaczej własności), po której następuje wartość. Cecha określa, co chcemy...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...Pytania i odpowiedzi {text-align} Jak wyrównać tekst do lewej CSS? W językach wywodzących się z alfabetu łacińskiego wyrównanie tekstu do lewej strony następuje domyślnie. Zwykle zatem nie ma potrzeby stosowania żadnych dodatkowych poleceń. Wyjątkiem może być sytuacja, gdy na całej stronie ustaliliśmy wcześniej inny sposób wyrównania tekstu - jak np. wyśrodkowanie - ale jednocześnie chcielibyśmy, żeby tylko treść wstawiona w akapitach była jednak ustawiona do lewej strony. W tym celu w...
- Nagłówek i treść HTML / Plik robots.txt
...Robotów (ang. A Standard for Robot Exclusion - Robots Exclusion Protocol). W głównym katalogu konta WWW - czyli tam, gdzie znajduje się dokument strony głównej serwisu (index.html) - należy umieścić specjalny plik pod nazwą robots.txt. W pliku tym umieszcza się tzw. rekordy - każdy zawiera grupę linijek w postaci: Pole: wartość Wielkość liter w nazwach pól nie ma znaczenia, natomiast zwykle ma znaczenie w wartościach pola. Oprócz typowych linijek możliwe jest również umieszczanie...
- HTML5 / Element edytowalny <... contenteditable>
...formatowanie tekstu jest wyłączone Podanie wartości contenteditable="true" umożliwia dynamiczną edycję zawartości tak oznaczonego elementu strony. Użytkownik może wpisać np. bezpośrednio w treści akapitu swój własny tekst. Treść taka jednak nie będzie widoczna dla innych użytkowników, odwiedzających tę samą stronę. Nie będzie również możliwości jej zapisania - po odświeżeniu strony wyświetli się ponownie domyślna zawartość dokumentu. Aby efekty edycji były trwałe, konieczne jest...
- HTML5 / Klawisz Enter <... enterkeyhint>
...klawiaturze podstawowej) zostanie zamknięty. go - operacja Idź, zazwyczaj oznaczająca przejście do celu, który został wpisany (np. pod podany adres strony). next - operacja Dalej, zazwyczaj oznaczająca przejście do następnego pola, które akceptuje tekst. previous - operacja Wst., zazwyczaj oznaczająca przejście do poprzedniego pola, które akceptuje tekst. search - operacja 🔍 (Szukaj), zazwyczaj oznaczająca przejście do wyników wyszukiwania tekstu, który został wpisany. send - operacja...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...jednak nie wie, które z nich w każdej spośród tych grup są ważniejsze, a które mniej ważne. W konsekwencji elementy kluczowe dla działania strony mogą zostać załadowane na samym końcu, przez co użytkownik będzie musiał dłużej na nie poczekać. Na szczęście w pewnym stopniu możemy sterować kolejnością ładowania zewnętrznych zasobów przy pomocy tzw. priorytetu przypisując do żądanego elementu atrybut fetchpriority="...". Pytania i odpowiedzi <img fetchpriority, link "preload" as...
- HTML5 / Element bierny <... inert>
...nie docierają z niego zdarzenia "click" ani "focus". Element i cała jego zawartość mogą być zignorowane przez technologie zwiększające dostępność strony. Przykładowym zastosowaniem tego atrybutu może być tymczasowe usunięcie interaktywności dynamicznym elementom strony, które jeszcze nie do końca się wczytały albo chwilowo znajdują się poza zakresem widoczności okna przeglądarki, zanim użytkownik nie wykona jakiejś założonej akcji.
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Czasami obszary odsyłaczy zdefiniowane na...
- HTML dla zielonych / Zaczynamy kurs HTML!
...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 wymówki typu: Ja się niczego nie nauczę! i tym podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie...