Table of Contents

Tworzenie strony internetowej HTML klasa 8 – Przewodnik krok po kroku

W dzisiejszych czasach umiejętność tworzenia strony internetowej HTML klasa 8 staje się nie tylko przydatna, ale wręcz niezbędna. HTML, czyli HyperText Markup Language, to podstawowy język używany do tworzenia stron internetowych. W kontekście edukacji w klasie 8, nauka HTML staje się kluczowym elementem wprowadzenia uczniów w świat programowania i projektowania stron.

Dzięki zrozumieniu struktury HTML, uczniowie mogą nie tylko tworzyć własne projekty, ale także lepiej rozumieć, jak działają strony internetowe, które codziennie odwiedzają.

Wprowadzenie do HTML i jego zastosowań w klasie 8

Podstawową funkcją HTML jest budowanie struktury dokumentu. Elementy HTML, takie jak nagłówki, akapity, linki czy obrazy, pozwalają na organizację treści w sposób zrozumiały dla przeglądarek internetowych. Uczniowie w klasie 8, ucząc się tworzenia strony internetowej HTML klasa 8, będą mieli okazję poznać te elementy i wykorzystać je do stworzenia prostych, ale funkcjonalnych stron.

Na przykład, użycie tagu <h1> do nagłówka głównego, a <p> do akapitów, sprawia, że treść staje się czytelna i estetyczna. Warto również zauważyć, że HTML nie działa w izolacji. To język, który współpracuje z innymi technologiami, takimi jak CSS, które odpowiada za stylizację, oraz JavaScript, który dodaje interaktywność.

Uczniowie, poznając HTML, stają się fundamentem dla dalszej nauki tych bardziej zaawansowanych języków. Przykładowo, po opanowaniu podstaw HTML, mogą przejść do nauki CSS, aby poprawić wygląd swoich stron, co w naturalny sposób łączy się z procesem tworzenia strony internetowej HTML klasa 8.

W dzisiejszym świecie, gdzie technologia odgrywa coraz większą rolę, umiejętność tworzenia stron internetowych staje się nie tylko przydatna, ale wręcz niezbędna. Z danych wynika, że ponad 1,8 miliarda stron internetowych istnieje obecnie w sieci, co pokazuje, jak ogromne możliwości stwarza HTML.

Uczniowie, ucząc się tego języka, zyskują nie tylko umiejętności techniczne, ale także kreatywność i zdolność do rozwiązywania problemów. Wprowadzenie do HTML w klasie 8 to zatem nie tylko nauka, ale także pierwszy krok w kierunku przyszłej kariery w obszarze IT.

Podstawowe elementy HTML – Kluczowe znaczenie w tworzeniu strony internetowej

Podstawowe elementy HTML stanowią fundament każdej strony internetowej. Zrozumienie ich roli jest kluczowe dla każdego, kto zaczyna przygodę z tworzeniem strony internetowej HTML klasa 8. Wśród najważniejszych elementów znajdują się nagłówki, akapity, linki oraz obrazy. Każdy z tych elementów pełni istotną funkcję w organizacji treści i poprawia użyteczność strony.

Nagłówki, oznaczane od <h1> do <h6>, służą do hierarchizacji treści. <h1> jest najważniejszym nagłówkiem, który powinien być użyty tylko raz na stronie, aby wskazać główny temat. Dalsze nagłówki, takie jak <h2> i <h3>, pomagają w organizacji podtematów.

Dzięki temu użytkownicy łatwiej mogą zrozumieć strukturę treści. Na przykład, jeśli tworzysz stronę o zwierzętach, <h1> może zawierać tytuł „Zwierzęta”, a <h2> może odnosić się do różnych gatunków, takich jak „Ssaki” czy „Ptaki”.

Akapity, oznaczane za pomocą tagu <p>, są kluczowe dla przedstawiania informacji w przystępny sposób. Umożliwiają one podział tekstu na mniejsze, łatwiejsze do przyswojenia fragmenty. Warto pamiętać, że dobrze zorganizowane akapity poprawiają czytelność strony, co jest szczególnie ważne w kontekście nauki i pracy w klasie 8.

Przykładowo, zamiast pisać długie bloki tekstu, lepiej podzielić je na kilka akapitów, co ułatwi zrozumienie przekazu. Linki, które tworzymy za pomocą tagu <a>, są niezwykle ważne, ponieważ umożliwiają nawigację pomiędzy różnymi stronami internetowymi.

Linki mogą prowadzić do innych sekcji tej samej strony lub do zupełnie różnych witryn. Używając atrybutu href, możemy określić adres URL, do którego ma prowadzić dany link. Na przykład: <a href="https://www.example.com">Przykładowa strona</a> utworzy klikany tekst, który przekieruje użytkownika na inną stronę.

Obrazy, wstawiane za pomocą tagu <img>, wzbogacają wizualnie strony internetowe. Dzięki nim możemy przyciągnąć uwagę użytkowników oraz lepiej ilustrować przedstawiane treści. Atrybut src określa źródło obrazu, a alt dostarcza opisu, co jest ważne dla dostępności.

Na przykład: <img src="obrazek.jpg" alt="Opis obrazka"> sprawi, że obrazek zostanie wyświetlony na stronie, a w przypadku problemów z jego załadowaniem, użytkownik zobaczy tekstowy opis.

Wszystkie te elementy są niezbędne do efektywnego tworzenia strony internetowej HTML klasa 8. Ich właściwe wykorzystanie nie tylko poprawia estetykę strony, ale również zwiększa jej funkcjonalność, co jest kluczowe w nauce i praktycznym zastosowaniu HTML w życiu codziennym.

Tworzenie strony internetowej HTML klasa 8 – Przewodnik krok po kroku - 1

Tworzenie struktury dokumentu HTML – Krok po kroku

Tworzenie struktury dokumentu HTML to kluczowy krok w procesie tworzenia strony internetowej HTML klasa 8. Każda strona internetowa zaczyna się od podstawowej struktury, która definiuje, jak różne elementy będą ze sobą współdziałać. Zrozumienie tej struktury jest niezbędne, aby móc efektywnie budować i modyfikować strony.

W HTML dokument jest zorganizowany w hierarchię, co pozwala przeglądarkom internetowym na odpowiednie wyświetlanie treści. Podstawowy dokument HTML składa się z kilku kluczowych elementów: , oraz .

Element otwiera cały dokument, informując przeglądarkę, że mamy do czynienia z kodem HTML. Następnie w sekcji umieszczamy informacje meta, tytuł strony oraz linki do arkuszy stylów. Tytuł, umieszczony w tagu , jest tym, co użytkownicy widzą na karcie przeglądarki, dlatego warto zadbać o jego odpowiednią treść.</p> <p></p> <p>Warto również dodać, że elementy w sekcji <head> nie są bezpośrednio widoczne na stronie, ale mają kluczowe znaczenie dla jej działania. Najważniejsza część dokumentu, czyli <body>, to miejsce, gdzie umieszczamy wszystkie widoczne elementy, takie jak tekst, obrazy, linki czy formularze.</p> <p></p> <p>To właśnie w <body> tworzymy zawartość, która będzie wyświetlana użytkownikom. Możemy zorganizować nasze treści za pomocą nagłówków (</p> <figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://pineapple-media.pl/wp-content/uploads/2026/01/3454.avif" alt="Tworzenie strony internetowej HTML klasa 8 – Przewodnik krok po kroku - 2"></figure> <h1>, </p> <h2>, itd.), akapitów (</p> <p>), a także list (</p> <ul>, </p> <ol>).</p> <p></p> <p>Przykładowo, aby dodać nagłówek do naszej strony, wystarczy użyć tagu </p> <h1>, co nie tylko strukturyzuje treść, ale także pomaga w SEO – optymalizacji dla wyszukiwarek internetowych.</p> <p></p> <p>Warto również zwrócić uwagę na poprawne formatowanie kodu. Dobrze zorganizowany kod HTML jest łatwiejszy do zrozumienia i modyfikacji. Uczniowie w klasie 8 powinni nauczyć się, jak stosować wcięcia i komentarze, aby ich dokumenty były przejrzyste.</p> <p></p> <p>Na przykład, dodając komentarz w kodzie HTML, możemy użyć tagu <!-- komentarz -->, co pozwoli innym programistom zrozumieć, co dany fragment kodu robi. Wartościowe jest także korzystanie z narzędzi do walidacji HTML, które pomogą w wychwyceniu błędów i zapewnieniu, że nasza strona będzie działać poprawnie w różnych przeglądarkach.</p> <p></p> <p>Podsumowując, <strong>tworzenie struktury dokumentu HTML</strong> to fundament, na którym budujemy nasze strony internetowe. Zrozumienie, jak działają poszczególne elementy oraz ich organizacja, jest kluczowe w kontekście nauki programowania w klasie 8. Dzięki solidnej podstawie, uczniowie będą mogli przejść do bardziej zaawansowanych tematów, takich jak stylizacja CSS czy publikacja stron w internecie.</p> <p></p> <h2><strong>Stylizacja strony internetowej – Wprowadzenie do CSS</strong></h2> <p></p> <p>W dzisiejszych czasach, kiedy estetyka i użyteczność stron internetowych odgrywają kluczową rolę w przyciąganiu użytkowników, znajomość CSS (Cascading Style Sheets) staje się niezbędna dla każdego, kto zajmuje się <strong>tworzeniem strony internetowej HTML klasa 8</strong>. CSS to język, który pozwala na stylizację elementów HTML, co oznacza, że dzięki niemu możemy zmieniać kolory, czcionki, układ oraz wiele innych aspektów wizualnych naszych stron.</p> <p></p> <p>CSS działa na zasadzie oddzielania treści od prezentacji. Oznacza to, że zamiast umieszczać wszystkie style bezpośrednio w kodzie HTML, możemy stworzyć osobny plik CSS lub dodać style bezpośrednio w dokumencie HTML. Dzięki temu, w przypadku potrzeby zmiany stylizacji, wystarczy edytować jeden plik, co znacznie ułatwia zarządzanie projektem.</p> <p></p> <p>Na przykład, jeśli chcemy zmienić kolor tła całej strony, wystarczy dodać jedną linię kodu w pliku CSS, zamiast przeszukiwać cały dokument HTML. W kontekście <strong>tworzenia strony internetowej HTML klasa 8</strong>, warto zaznaczyć, że CSS oferuje wiele możliwości stylizacji.</p> <p></p> <p>Możemy korzystać z różnych selektorów, takich jak selektory klas, id, czy elementów, co pozwala na precyzyjne określenie, które elementy mają być stylizowane. Przykładowo, jeśli chcemy, aby wszystkie nagłówki na stronie miały niebieski kolor, możemy użyć selektora elementu <code>h1</code> i dodać odpowiednią regułę w CSS: <code>h1 { color: blue; }</code>.</p> <p></p> <p>Warto również wspomnieć o responsywności stron, która jest niezwykle ważna w dzisiejszym świecie. Dzięki CSS możemy tworzyć style, które dostosowują się do różnych rozmiarów ekranów. Używając mediów zapytań (media queries), możemy zmieniać układ strony w zależności od urządzenia, na którym jest wyświetlana.</p> <p></p> <p>Na przykład, na dużych ekranach możemy mieć trzy kolumny, a na małych tylko jedną, co znacznie poprawia komfort użytkowania. Podsumowując, CSS to potężne narzędzie, które znacząco wpływa na wygląd i funkcjonalność stron internetowych.</p> <p></p> <p>W kontekście <strong>tworzenia strony internetowej HTML klasa 8</strong> jego znajomość otwiera drzwi do bardziej zaawansowanych technik projektowania, które mogą uczynić nasze strony bardziej atrakcyjnymi i użytecznymi. W kolejnych częściach artykułu przyjrzymy się bardziej szczegółowo różnym aspektom CSS, które pomogą uczniom w pełni wykorzystać jego potencjał.</p> <p></p> <h2><span class="ez-toc-section" id="Publikacja_strony_internetowej_%E2%80%93_Jak_udostepnic_swoje_dzielo_w_sieci"></span><strong>Publikacja strony internetowej – Jak udostępnić swoje dzieło w sieci</strong><span class="ez-toc-section-end"></span></h2> <p></p> <p>Po zakończeniu pracy nad swoją stroną internetową, nadszedł czas, aby podzielić się nią z innymi. Publikacja strony internetowej to kluczowy krok w procesie <strong>tworzenia strony internetowej HTML klasa 8</strong>, który pozwala uczniom na zaprezentowanie efektów swojej pracy szerszej publiczności.</p> <p></p> <p>W tej sekcji omówimy, jak wybrać odpowiedni hosting oraz jak przesłać pliki na serwer, aby Twoja strona mogła być dostępna w sieci. Wybór hostingu to pierwszy krok, który należy podjąć przed publikacją. Hosting to usługa, która pozwala na przechowywanie plików Twojej strony na serwerze, aby mogły być one dostępne dla użytkowników internetu.</p> <p></p> <p>Istnieje wiele opcji, od darmowych serwisów, takich jak GitHub Pages czy Netlify, po płatne plany, które oferują więcej zasobów i wsparcia technicznego. Warto zwrócić uwagę na takie aspekty jak pojemność, szybkość oraz wsparcie dla technologii, które zamierzasz wykorzystać w swojej stronie.</p> <p></p> <p>Po wybraniu hostingu, następnym krokiem jest przesłanie plików na serwer. Można to zrobić za pomocą protokołu FTP (File Transfer Protocol) lub korzystając z panelu administracyjnego dostarczonego przez usługodawcę. W przypadku FTP, będziesz potrzebować klienta FTP, takiego jak FileZilla, który umożliwia łatwe przesyłanie plików.</p> <p></p> <p>Upewnij się, że wszystkie pliki związane z Twoją stroną, w tym pliki HTML, CSS oraz obrazy, są odpowiednio zorganizowane, aby strona działała poprawnie po publikacji. Warto również pamiętać o testowaniu strony po jej opublikowaniu.</p> <p></p> <p>Sprawdź, czy wszystkie linki działają, a elementy są poprawnie wyświetlane na różnych urządzeniach. Statystyki pokazują, że 94% pierwszych wrażeń użytkowników dotyczy designu, dlatego upewnij się, że Twoja strona wygląda profesjonalnie i działa bez zarzutu.</p> <p></p> <p>Publikacja strony internetowej to nie tylko zakończenie projektu, ale także doskonała okazja do nauki i doskonalenia umiejętności, które będą przydatne w przyszłości.</p> <p></p> <h2><span class="ez-toc-section" id="Najczesciej_zadawane_pytania_o_tworzenie_strony_internetowej_HTML_klasa_8"></span><strong>Najczęściej zadawane pytania o tworzenie strony internetowej HTML klasa 8</strong><span class="ez-toc-section-end"></span></h2> <p></p> <ul> <li> <strong>Co to jest HTML i do czego służy w tworzeniu stron internetowych?</strong></p> <p>HTML, czyli HyperText Markup Language, to język znaczników używany do tworzenia struktury stron internetowych. Umożliwia on dodawanie tekstu, obrazów, linków i innych elementów na stronach. Bez HTML nie byłoby możliwości wyświetlania treści w przeglądarkach internetowych.</p> </li> <p></p> <li> <strong>Jakie są podstawowe elementy HTML, które powinien znać uczeń klasy 8?</strong></p> <p>Podstawowe elementy HTML to nagłówki (</p> <h1> do </p> <h6>), akapity (</p> <p>), linki (<a>), obrazy (<img>) oraz listy (</p> <ul>, </p> <ol>). Każdy z tych elementów ma swoje szczególne zastosowanie, które umożliwia strukturalne organizowanie treści. Znajomość tych elementów jest kluczowa dla efektywnego <strong>tworzenia strony internetowej HTML klasa 8</strong>.</p> </li> <p></p> <li> <strong>Jakie korzyści płyną z nauki HTML w szkole podstawowej?</strong></p> <p>Nauka HTML rozwija umiejętności techniczne i kreatywność uczniów, umożliwiając im tworzenie własnych stron internetowych. Ponadto, zrozumienie HTML może być fundamentem do nauki bardziej zaawansowanych języków programowania. To także doskonały sposób na rozwijanie zdolności logicznego myślenia.</p> </li> <p></p> <li> <strong>Jakie są typowe problemy napotykane podczas tworzenia strony w HTML i jak je rozwiązać?</strong></p> <p>Jednym z typowych problemów jest błędna składnia, która może prowadzić do niepoprawnego wyświetlania strony. Warto korzystać z edytorów kodu, które podpowiadają błędy oraz walidatorów HTML, aby znaleźć i naprawić błędy. Inny problem to brak stylizacji, co można łatwo poprawić, dodając CSS.</p> </li> <p></p> <li> <strong>Jak HTML porównuje się z innymi językami programowania, takimi jak CSS czy JavaScript?</strong></p> <p>HTML jest językiem znaczników, który służy do tworzenia struktury strony, natomiast CSS odpowiada za stylizację, a JavaScript za interaktywność. Współpraca tych trzech technologii pozwala na budowanie nowoczesnych, estetycznych i funkcjonalnych stron internetowych. Każdy z tych języków pełni unikalną rolę w procesie <strong>tworzenia strony internetowej HTML klasa 8</strong>.</p> </li> <p></p> <li> <strong>Jakie zasoby online mogę wykorzystać do nauki HTML?</strong></p> <p>Istnieje wiele darmowych zasobów online, takich jak W3Schools, Codecademy i Khan Academy, które oferują kursy HTML. Możesz również znaleźć tutoriale na YouTube oraz fora dyskusyjne, gdzie możesz zadawać pytania. Te źródła są świetnym sposobem na samodzielną naukę.</p> </li> <p></p> <li> <strong>Czy można tworzyć profesjonalne strony tylko w HTML?</strong></p> <p>HTML sam w sobie pozwala na stworzenie podstawowych stron, ale do profesjonalnych projektów zazwyczaj potrzebny jest CSS i JavaScript. Te technologie umożliwiają dodanie stylizacji i interaktywności, co jest niezwykle ważne w nowoczesnym web designie. Dlatego warto nauczyć się ich równocześnie z HTML.</p> </li> </ul> <div class="post-views content-post post-422 entry-meta load-static"> <span class="post-views-icon dashicons dashicons-chart-bar"></span> <span class="post-views-label">Post Views:</span> <span class="post-views-count">151</span> </div><div class="crp_related crp-rounded-thumbs"><h2>Related Posts:</h2><ul><li><a href="https://pineapple-media.pl/tworzenie-wlasnej-strony-internetowej-klasa-7-przewodnik-krok-po-kroku/" class="crp_link post-1077"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/1516-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="1516" style="" title="Tworzenie własnej strony internetowej klasa 7: Przewodnik krok po kroku" /></figure><span class="crp_title">Tworzenie własnej strony internetowej klasa 7:…</span></a></li><li><a href="https://pineapple-media.pl/jak-tworzyc-strony-internetowe-html-przewodnik-krok-po-kroku/" class="crp_link post-614"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/37016-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="37016" style="" title="Jak tworzyć strony internetowe HTML: Przewodnik krok po kroku" srcset="https://pineapple-media.pl/wp-content/uploads/2026/01/37016-150x150.avif 150w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-300x300.avif 300w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-1024x1024.avif 1024w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-768x768.avif 768w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016.avif 1500w" sizes="(max-width: 150px) 100vw, 150px" srcset="https://pineapple-media.pl/wp-content/uploads/2026/01/37016-150x150.avif 150w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-300x300.avif 300w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-1024x1024.avif 1024w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016-768x768.avif 768w, https://pineapple-media.pl/wp-content/uploads/2026/01/37016.avif 1500w" /></figure><span class="crp_title">Jak tworzyć strony internetowe HTML: Przewodnik krok…</span></a></li><li><a href="https://pineapple-media.pl/tworzenie-strony-html-krok-po-kroku/" class="crp_link post-557"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/2149930935-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="2149930935" style="" title="Tworzenie strony HTML krok po kroku" /></figure><span class="crp_title">Tworzenie strony HTML krok po kroku</span></a></li><li><a href="https://pineapple-media.pl/jak-nauczyc-sie-tworzyc-strony-internetowe-przewodnik-krok-po-kroku/" class="crp_link post-935"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/21575-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="21575" style="" title="Jak nauczyć się tworzyć strony internetowe: Przewodnik krok po kroku" /></figure><span class="crp_title">Jak nauczyć się tworzyć strony internetowe:…</span></a></li><li><a href="https://pineapple-media.pl/tworzenie-stron-internetowych-w-jezyku-html-kompendium-wiedzy/" class="crp_link post-924"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/1516-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="1516" style="" title="Tworzenie stron internetowych w języku HTML - Kompendium wiedzy" /></figure><span class="crp_title">Tworzenie stron internetowych w języku HTML -…</span></a></li><li><a href="https://pineapple-media.pl/komendy-do-tworzenia-strony-html-przewodnik-dla-poczatkujacych/" class="crp_link post-870"><figure><img width="150" height="150" src="https://pineapple-media.pl/wp-content/uploads/2026/01/124757-150x150.avif" class="crp_featured crp_thumb crp_thumbnail" alt="124757" style="" title="Komendy do tworzenia strony HTML: Przewodnik dla początkujących" /></figure><span class="crp_title">Komendy do tworzenia strony HTML: Przewodnik dla…</span></a></li></ul><div class="crp_clear"></div></div> </div> <div class="entry-meta entry-meta-after"> <time class="entry-date" datetime="2026-01-30T01:41:03+00:00"> 📅 30 stycznia, 2026 </time> <span class="entry-author"> 👤 <a href="https://pineapple-media.pl/author/polinfor-pro/">Polinfor</a> </span> <div class="entry-categories"> <span class="label">🏷️ Kategorie:</span> <a href="https://pineapple-media.pl/category/seo/">SEO</a>, <a href="https://pineapple-media.pl/category/sklepy-internetowe/">Sklepy internetowe</a>, <a href="https://pineapple-media.pl/category/strony-www/">Strony www</a> </div> </div> </article> </div> </main> <footer class="site-footer"> <div class="footer-bottom"> <div class="container"> <div class="footer-bottom-inner"> <div class="copyright"> Reklama internetowa - SEO strony www i sklepy internetowe </div> </div> </div> </div> </footer> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/modev/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ez-toc-scroll-scriptjs-js-extra"> var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":"","add_self_reference_link":""}; //# sourceURL=ez-toc-scroll-scriptjs-js-extra </script> <script id="ez-toc-scroll-scriptjs-js" src="https://pineapple-media.pl/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js"></script> <script id="ez-toc-js-cookie-js" src="https://pineapple-media.pl/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js"></script> <script id="ez-toc-jquery-sticky-kit-js" src="https://pineapple-media.pl/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js"></script> <script id="ez-toc-js-js-extra"> var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"\u003Cspan class=\"\"\u003E\u003Cspan class=\"eztoc-hide\" style=\"display:none;\"\u003EToggle\u003C/span\u003E\u003Cspan class=\"ez-toc-icon-toggle-span\"\u003E\u003Csvg style=\"fill: #999;color:#999\" xmlns=\"http://www.w3.org/2000/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"\u003E\u003Cpath d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"\u003E\u003C/path\u003E\u003C/svg\u003E\u003Csvg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"\u003E\u003Cpath d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"/\u003E\u003C/svg\u003E\u003C/span\u003E\u003C/span\u003E","chamomile_theme_is_on":""}; //# sourceURL=ez-toc-js-js-extra </script> <script id="ez-toc-js-js" src="https://pineapple-media.pl/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js"></script> <script id="modev-main-js" defer src="https://pineapple-media.pl/wp-content/themes/modev/assets/js/main.min.js"></script> </body> </html>