html - Kurs HTML i CSS
CSS dla zielonych / Tapeta CSS {background-color, background-image, color}...nadal czytelna. Dlaczego nie wyświetla mi się obrazek w tle? Jeżeli plik arkusza stylów *.css znajduje się w innym katalogu niż dokument *.html, ścieżkę dostępu do obrazka tła należy konstruować zawsze względem arkusza stylów. Ponadto innymi częstymi powodami niewyświetlania się obrazka mogą być: błędy literowe w nazwie pliku, niepodanie rozszerzenia nazwy pliku (niektóre systemy operacyjne, jak np. Windows, mogą go ukrywać) czy użycie w nazwie pliku polskich znaków diakrytycznych...
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...zwykle nie ma znaczenia, tzn. adres artykul.php?id=1&strona=1 zwykle jest równoważny artykul.php?strona=1&id=1 nazwę pliku "index.htm", "index.html" czy "index.php" zwykle można pominąć podając adres strony, dlatego http://www.example.com/index.html jest równoważny http://www.example.com/ Teoretycznie nie powinno to przeszkadzać czytelnikom naszej witryny, jednak może stać się problemem w przypadku wyszukiwarek internetowych - takich jak np. Google. Roboty wyszukiwarek starają się...
- HTML5 / Wstępne ładowanie <link "preload" as>
(interpretuje: Firefox 85, Opera 37, Chrome 50) <link rel="preload" as="rodzaj" type="typ" href="lokalizacja"> rodzaj W zależności od języka, w którym wybrane zasoby zewnętrzne są używane, można podać następujące wartości: w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible...
- HTML5 / Dekodowanie obrazków <img decoding>
(interpretuje: Firefox 63, Opera 52, Chrome 65) <img src="lokalizacja" decoding="dekodowanie"> lokalizacja Ścieżka dostępu dekodowanie Jedna z następujących wartości: sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka. async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek...
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
(interpretuje: Firefox 4, Opera 10, Chrome 20) <fieldset disabled>...</fieldset> Element FIELDSET może mieć przypisany atrybut logiczny (wstawiany bez wartości) disabled. Spowoduje on zablokowanie wszystkich pól formularza objętych tym znacznikiem. Przykład <fieldset disabled, legend, input> Wszystkie poniższe pola formularza powinny zostać zablokowane: <fieldset disabled> <legend>Formularz</legend> <input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 12.1, Chrome 4) Pole tekstowe: <input placeholder="podpowiedź"> Obszar tekstowy: <textarea placeholder="podpowiedź">...</textarea> podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...poziom ochrony wystarczający na większości stron: <iframe sandbox="allow-same-origin allow-forms allow-scripts" src="https://example.com/widget.html"></iframe> Pytania i odpowiedzi <iframe sandbox> Co to jest atrybut "piaskownicy" w HTML? Atrybut sandbox w HTML jest używany w elemencie <iframe> do nałożenia dodatkowych ograniczeń na zawartość osadzoną w ramce, takich jak blokowanie skryptów, zapobieganie wyskakującym okienkom lub wymuszanie polityki samego pochodzenia. Atrybut ten...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...
- Nagłówek i treść HTML / Edytor <meta "generator">
...HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- Rozmiary CSS / Szerokość i marginesy automatyczne
...</div> Sposób ten jest przydatny np. do centrowania tabeli (względem elementu BODY stanowiącego blok obejmujący) zgodnie z zaleceniami CSS. <html> <head>...</head> <body style="text-align: center"> <table style="margin-left: auto; margin-right: auto; text-align: left">...</table> </body> </html> 4. Elementy blokowe, zastępowane Przykład: IMG, INPUT, TEXTAREA, SELECT, OBJECT - z ustawionym stylem display: block. Ostateczna wartość szerokości jest wyznaczana tak jak dla...