dodać link - Kurs HTML i CSS
Nagłówek i treść HTML / Język strony <html lang, link hreflang>...również język angielski. Możliwe jest oczywiście wskazanie więcej niż jednej alternatywnej wersji językowej. W takim przypadku wystarczy dodać kilka takich znaczników - każdy dla innego języka. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden znacznik <head>. Dlatego powyższy element <link hreflang> należy wstawić wewnątrz istniejącego znacznika nagłówka dokumentu, a nie dodawać kolejnego. Ze znacznika <link hreflang> korzysta wyszukiwarka Google. Dzięki temu w...
- Widżety HTML / Szablon strony bez ramek
...np. nagłówek, menu nawigacyjne, stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...zaimportowany Jeżeli w żaden sposób nie udało się wyznaczyć strony kodowej, przyjmij UTF-8. Pytania i odpowiedzi <link "stylesheet"> Jak dodać zewnętrzny arkusz stylów CSS? Aby dodać zewnętrzny arkusz stylów CSS, należy stworzyć oddzielny plik CSS zawierający reguły stylów, a następnie użyć znacznika <link> w sekcji <head> dokumentu HTML, aby dołączyć ten plik do strony. Przykład: <link rel="stylesheet" href="nazwa_pliku.css">. Jak podłączyć style CSS do HTML? Aby podłączyć...
Skórki...mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o tabele, zmiana wyglądu będzie możliwa tylko w ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu będzie...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o rozmiarach 32x32. Format *.ico pozwala zapisać dwie wersje rozmiaru w jednym pliku. Przeglądarki pozwalają...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem wstawienia stylów CSS jest dodanie arkusza stylów do dokumentu HTML. Jak dodać arkusz stylów do HTML? Najczęściej spotykanym sposobem jest zapisanie arkusza stylów CSS w osobnym pliku, a następnie wstawienie odniesienia do niego w nagłówku dokumentu HTML. Na przykład jeśli plik arkusza stylów...
- Menu drzewiaste / Skrypt menu drzewiastego
...4</a></li> </ul> Folder 1 Dokument 1.1 Dokument 1.2 Dokument 2 Dokument 3 Dokument 4 new Tree("tree1"); Na koniec warto dodać, że opisywany tutaj skrypt posiada system automatycznego wykrywania aktualnie załadowanej strony. Dzięki niemu po wczytaniu dokumentu wybranego na liście, gałąź w drzewie menu w której znajduje się odpowiadający link jest na starcie rozwinięta, a sam link zostaje wyróżniony przy użyciu klasy CSS pod nazwą active, co natychmiast wskazuje...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...być ładowane z większym priorytetem w celu poprawy wydajności strony. Atrybut ten może przyjmować wartości takie jak high, low, lub auto. Jak dodać fetchpriority="high"? Aby dodać fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze...
- Dobre praktyki / Przykazania webmastera
...Dlatego często stosuje się inną metodę. Zmiany można wprowadzać w tych samych plikach *.css, a w adresach do nich (występujących w plikach *.html) dodać po pytajniku numer kolejnej wersji (albo aktualną datę), np.: <link rel="stylesheet" href="style.css?2"> To samo dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...opis zdjęcia, który pojawi się w dymku narzędziowym po wskazaniu myszką miniatury zdjęcia oraz po powiększeniu zdjęcia Oczywiście możesz dodać do galerii więcej niż trzy miniatury i zdjęcia. Następnie na stronie po powyższym kodzie (to ważne - nie może być przed!) wystarczy wstawić jeszcze tylko (w wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku gallery.js): <script src="gallery.js" async></script> ...i gotowe. Prawda że szybko poszło? 😉...