Jeśli chcesz zostać programistą front-end, jedną z najczęstszych rad, jakie otrzymasz, jest nauczenie się języka HTML. Hypertext Markup Language, w skrócie HTML, jest podstawą większości stron internetowych.
HTML składa się z różnych rzeczy, takich jak znaczniki, atrybuty i elementy. Skupimy się na tagach HTML. Używamy tagów HTML, aby informować przeglądarki, jak uporządkować zawartość w nagłówki, tytuły, akapity, obrazy i wiele innych. Znaczniki HTML są zatem jak słowa kluczowe, które określają, w jaki sposób przeglądarka będzie wyświetlać lub formatować zawartość.
Serwery odczytują znaczniki HTML od góry do dołu. Nie ma ograniczeń co do liczby tagów HTML, które powinna zawierać strona internetowa.
Wszystkie znaczniki HTML są ujęte w <>
Każdy znacznik HTML pełni inną funkcję
Większość tagów HTML ma otwierający i zamykający
Spis treści:
Toggle ,
,
,
i
.
H1 to największy znacznik nagłówka, a H6 to najmniejszy.
W dokumencie HTML znaczniki nagłówków mogą być reprezentowane w następujący sposób:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Znaczniki od
do
są zawarte w znaczniku .
Na przykład znacznik , zostanie ujęty jako;
<body>
<h1> This is heading 1 >/h1>
</body>
Znacznik
lub po prostu znacznik akapitu jest używany, gdy chcesz uporządkować treść w akapicie. Naciśnięcie przycisku „Enter” w dokumencie HTML w edytorze kodu nie spowoduje utworzenia nowego akapitu.
Jeśli chcesz mieć więcej niż jeden akapit, musisz użyć kilku znaczników
w swoim dokumencie. Znaczniki akapitu powinny być ujęte w znaczniku .
Składnia znacznika akapitu to;
<p> ….some content here….</p>
Jeśli chcesz mieć cztery akapity, Twój kod będzie miał strukturę;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Znacznik lub po prostu pogrubiony sformatuje zawartość między otwierającym a zamykającym jako pogrubiony.
Pogrubiony znacznik może znajdować się między nagłówkiem, takim jak H1, a nawet w obrębie znacznika akapitu.
Oto przykłady pogrubionego tagu;
<b> Bold Tag </b>
Wyrażenie „Bold Tag” zostanie pogrubione.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
Wydanie piąte będzie pogrubione.
Znacznik kursywy, oznaczony przez , powoduje pochylenie tekstu wewnątrz znaczników.
Na przykład, jeśli mamy
<i> These are italics </i>
Słowa „to jest kursywa” będą wyświetlane kursywą.
Znacznik podkreślenia lub jest używany, gdy chcesz podkreślić określony fragment tekstu w dokumencie HTML.
Na przykład, jeśli mamy;
<u> underline these words </u>
Fraza między znacznikami zostanie podkreślona.
Znacznik Center, , służy do wyśrodkowania treści w dokumencie HTML.
Na przykład, jeśli mamy tag h2 zapisany jako
Wyśrodkowanie treści w HTML
Większość ludzi używa terminów znaczniki HTML i elementy zamiennie. Ale czy są takie same? Z technicznego punktu widzenia elementy HTML i znaczniki HTML różnią się.
Tagi HTML definiują elementy HTML. Aby to osiągnąć, zawartość jest opakowywana przy użyciu nazwy tagu otwierającego i zamykającego, które odpowiadają treści tagu, z którym pracujemy.
To jest przykład elementu HTML:
<p> This is a paragraph </p>
jest przykładem znacznika HTML
Atrybuty HTML dostarczają dodatkowych informacji o elementach HTML w dokumencie. Atrybuty znajdują się w elementach HTML.
To jest przykład atrybutu HTML
<button id=" SubmitOrder" class="btn">Order</button>
HTML jako język znaczników ewoluował przez lata, odkąd Tim Berners-Lee wprowadził go w 1993 roku. Pierwsza wersja HTML miała 18 znaczników. Nowe tagi są dodawane z każdą wersją HTML; ostatnią aktualizacją był HTML5 w 2014 roku.
Dokładne porównanie HTML i HTML5 pokazuje, że ten ostatni ma znaczniki semantyczne, takie jak
,
i
, które jasno opisują treść. Obecnie mamy ponad 100 tagów HTML. Oto niektóre z najpopularniejszych tagów, które powinieneś znać:
DOCTYPE nie jest technicznie tagiem, ale deklaracją, która mówi przeglądarce, jaki rodzaj pliku zostanie załadowany. Ten znacznik informuje przeglądarkę o typie kodu HTML, który zostanie załadowany.
W HTML5 możesz zadeklarować swój plik jako
<!DOCTYPE html>
Lub
<!doctype html>
Uwaga: Deklaracja nie ma znacznika zamykającego i nie jest rozróżniana wielkość liter.
Znacznik ….. występuje po znaczniku DOCTYPE. Ten znacznik definiuje dokument jako stronę internetową; każdy inny element zostanie zagnieżdżony w środku. Znacznik HTML określa początek i koniec dokumentu HTML.
Znacznik jest reprezentowany jako;
<html>Content</html>
Sekcja nagłówka dokumentu HTML jest reprezentowana przez znacznik
. Znacznik ten jest zawarty w znaczniku i podaje ogólne informacje o stronie internetowej.
Znacznik
zawiera inne znaczniki, które podają specyfikę strony internetowej, takie jak tytuł i autor strony. Zawartość tego znacznika nie jest wyświetlana na stronie internetowej
To jest składnia znacznika
;
<head> …….. </head>
Tag
deklaruje tytuł strony internetowej. Ten tag jest zawarty w tagu <head>. Znacznik <title> pojawi się na pasku tytułu lub na karcie w oknie przeglądarki, ale nie na rzeczywistej stronie internetowej. </p>
<p>Składnia znacznika <title> to; </p>
<pre class="wp-block-prismatic-blocks"><title>HTML Tags for Beginners</title></pre>
<p>Wewnątrz znacznika <head> pojawi się jako;</p>
<pre class="wp-block-prismatic-blocks"><head>
<title>HTML Tags for Beginners</title>
</head></pre>
<h3 id="h-body-body"><body> </body></h3>
<p>Tag <body> wyświetla całą widoczną zawartość strony internetowej. Obrazy, linki, zwykły tekst, filmy i inne elementy można znaleźć w tagach <body> i </body>. </p>
<p>Niektóre inne znaczniki, które znajdziesz w treści, to znacznik </p>
<p> dla akapitu, znacznik <a> dla obrazów, znacznik <strong> dla pogrubionego tekstu i znacznik </p>
<ol> dla uporządkowanej listy, by wymienić tylko kilka. </p>
<p>Składnia znacznika <body> to;</p>
<pre class="wp-block-prismatic-blocks"><body> Content </body></pre>
<h3 id="h-h1-to-h6-tags"><span class="ez-toc-section" id="do_Znaczniki"></span>
<h1> do </p>
<h6> Znaczniki<span class="ez-toc-section-end"></span></h3>
<p>W dokumencie HTML może znajdować się do 6 znaczników nagłówków. Każdy ze znaczników jest reprezentowany przez liczbę zaczynającą się od 1 do 6 jako </p>
<h1>, </p>
<h2>, </p>
<h3>, </p>
<h4>, </p>
<h5> i </p>
<h6>. </p>
<p>H1 to największy znacznik nagłówka, a H6 to najmniejszy. </p>
<p>W dokumencie HTML znaczniki nagłówków mogą być reprezentowane w następujący sposób:</p>
<pre class="wp-block-prismatic-blocks"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<p>Znaczniki od </p>
<h1> do </p>
<h6> są zawarte w znaczniku <body>.</p>
<p>Na przykład znacznik ,<H1> zostanie ujęty jako;</p>
<pre class="wp-block-prismatic-blocks"><body>
<h1> This is heading 1 >/h1>
</body></pre>
<h3 id="h-p-p">
</h3>
<p>Znacznik </p>
<p> lub po prostu znacznik akapitu jest używany, gdy chcesz uporządkować treść w akapicie. Naciśnięcie przycisku „Enter” w dokumencie HTML w edytorze kodu nie spowoduje utworzenia nowego akapitu. </p>
<p>Jeśli chcesz mieć więcej niż jeden akapit, musisz użyć kilku znaczników </p>
<p> w swoim dokumencie. Znaczniki akapitu powinny być ujęte w znaczniku <body>.</p>
<p>Składnia znacznika akapitu to; </p>
<pre class="wp-block-prismatic-blocks"><p> ….some content here….</p></pre>
<p>Jeśli chcesz mieć cztery akapity, Twój kod będzie miał strukturę; </p>
<pre class="wp-block-prismatic-blocks"><body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body></pre>
<h3 id="h-b-b"><b> </b></h3>
<p>Znacznik <b> </b> lub po prostu pogrubiony sformatuje zawartość między otwierającym <b> a zamykającym </b> jako pogrubiony.</p>
<p>Pogrubiony znacznik może znajdować się między nagłówkiem, takim jak H1, a nawet w obrębie znacznika akapitu. </p>
<p>Oto przykłady pogrubionego tagu;</p>
<pre class="wp-block-prismatic-blocks"><b> Bold Tag </b></pre>
<p>Wyrażenie „Bold Tag” zostanie pogrubione. </p>
<pre class="wp-block-prismatic-blocks"><h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1> </pre>
<p>Wydanie piąte będzie pogrubione.</p>
<h3 id="h-i-i"><i> </i></h3>
<p>Znacznik kursywy, oznaczony przez <i>, powoduje pochylenie tekstu wewnątrz znaczników. </p>
<p>Na przykład, jeśli mamy </p>
<pre class="wp-block-prismatic-blocks"><i> These are italics </i></pre>
<p>Słowa „to jest kursywa” będą wyświetlane kursywą. </p>
<h3 id="h-u-u"><u> </u></h3>
<p>Znacznik podkreślenia lub <u> jest używany, gdy chcesz podkreślić określony fragment tekstu w dokumencie HTML. </p>
<p>Na przykład, jeśli mamy;</p>
<pre class="wp-block-prismatic-blocks"><u> underline these words </u></pre>
<p>Fraza między znacznikami zostanie podkreślona. </p>
<h3 id="h-center-center"><środek> </środek></h3>
<p>Znacznik Center, <center>, służy do wyśrodkowania treści w dokumencie HTML. </p>
<p>Na przykład, jeśli mamy tag h2 zapisany jako </p>
<h2> Wyśrodkowanie treści w HTML </h2>
<p>, możemy go wyśrodkować w następujący sposób;</p>
<pre class="wp-block-prismatic-blocks"><center>
<h2> Centering Content in HTML </h2>
</center></pre>
<h3 id="h-span-span"><rozpiętość></rozpiętość></h3>
<p>Tag Span, <span>, to ogólny kontener wbudowany, który nie ma domyślnego stylu. Możesz użyć znacznika span do grupowania tekstów, którym chcesz nadać styl. </p>
<p>Możesz umieścić tag wewnątrz innych tagów, takich jak nagłówki i akapity;</p>
<pre class="wp-block-prismatic-blocks"><h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
</pre>
<pre class="wp-block-prismatic-blocks"><p> Learn HTML <span> from experts </span> and be ready for the market </p></pre>
<h3 id="h-div-div"><dział></dział></h3>
<p>Znacznik podziału, w skrócie div, to znacznik, który umożliwia grupowanie różnych znaczników w dokumencie HTML. </p>
<p>Tagowi div można nadać „klasę”, aby dodać zewnętrzną stylizację za pomocą CSS. </p>
<p>W ten sposób reprezentowany będzie div zawierający znaczniki h1, h2 i akapit. </p>
<pre class="wp-block-prismatic-blocks"><div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div></pre>
<h3 id="h-em-em"><em></em></h3>
<p>Wyróżnienie lub znacznik <em> służy do podkreślenia pewnych słów w dokumencie HTML. </p>
<p>Treść między znacznikami <em> będzie wyświetlana ukośnie lub kursywą. </p>
<p>Wyróżniona treść w akapicie, która może pojawić się w edytorze kodu, pojawi się jako;</p>
<pre class="wp-block-prismatic-blocks"><p> The meeting will start at <em> 0800 hrs </em>, please keep time </p></pre>
<h3 id="h-sup-sup"><sup></sup></h3>
<p>Znacznik <sup> lub indeks górny pozwala umieścić załączony tekst nad resztą. Doskonałym przykładem jest sytuacja, gdy chcesz podnieść liczbę X do kwadratu i przedstawić ją matematycznie, aby otrzymać X2</p>
<p>Składnia dla <sup> w znaczniku akapitu będzie następująca;</p>
<pre class="wp-block-prismatic-blocks"><H1> Harveys <sup>TM </sup> Company Limited </H1></pre>
<h3 id="h-sub-sub"><sub></sub></h3>
<p>Indeks dolny lub znacznik <sub> jest przeciwieństwem znacznika indeksu górnego. Treść zawarta w tagu <sub> pojawi się poniżej normalnego wiersza tekstu. Doskonałym przykładem jest zapisanie wzoru chemicznego wody jako H2O. </p>
<p>Składnia znacznika indeksu dolnego będzie następująca;</p>
<pre class="wp-block-prismatic-blocks">Remember that H <sub> 2 </sub> 0 is the chemical formula for water</pre>
<h3 id="h-br"></h3>
<p> to samozamykający się tag oznaczający przerwę. Cała zawartość po <br /> rozpocznie się w nowej linii. </p>
<p>Składnia dla <br /> w akapicie będzie następująca;</p>
<pre class="wp-block-prismatic-blocks"><p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p></pre>
<h3 id="h-ol-ol-and-li-li"><span class="ez-toc-section" id="i"></span>
<ol></ol>
<p> i </p>
<li> </li>
<span class="ez-toc-section-end"></span></h3>
<p>Znacznik uporządkowanej listy lub </p>
<ol> musi być używany z innym znacznikiem, takim jak </p>
<li>. </p>
<p>Oba mogą pojawić się w edytorze kodu jako;</p>
<pre class="wp-block-prismatic-blocks"><ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol></pre>
<p>Podczas renderowania w przeglądarce zawartość będzie wyświetlana jako numerowana. </p>
<h3 id="h-img-src"><img src=””/></h3>
<p>Możesz dodać obraz, aby uzyskać atrakcyjność wizualną, a nawet logo. W takim przypadku przydatny jest samozamykający tag graficzny <img src=””/>. </p>
<p>Składnia tagu obrazu będzie następująca;</p>
<pre class="wp-block-prismatic-blocks"><img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/></pre>
<p>Treść ujęta w cudzysłów reprezentuje źródłowy adres URL. </p>
<h3 id="h-wrapping-up"><span class="ez-toc-section" id="Podsumowanie"></span>Podsumowanie <span class="ez-toc-section-end"></span></h3>
<p>Istnieje ponad 100 tagów HTML, ale powyższe to te, które powinieneś znać jako początkujący. HTML jest obsługiwany w większości edytorów kodu, dzięki czemu masz pewność, że nigdy nie popełnisz błędu, gdy zaczniesz się uczyć. </p>
</p></div>
<p align="right"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8477418410368926"
crossorigin="anonymous"></script>
<!-- góra strony elastyczna -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8477418410368926"
data-ad-slot="2282450815"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p> </div>
<footer class="entry-meta" aria-label="Entry meta">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Kategorie </span><a href="https://newsblog.pl/poradniki/" rel="category tag">Poradniki</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://newsblog.pl/jak-zalozyc-profesjonalne-konto-wayfair/" rel="prev">Jak założyć profesjonalne konto Wayfair</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://newsblog.pl/popraw-swoj-wynik-dzieki-tym-10-praktycznym-testom-gmat/" rel="next">Popraw swój wynik dzięki tym 10 praktycznym testom GMAT</a></span></div> </nav>
</footer>
</div>
</article>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="custom_html-2" class="widget_text widget inner-padding widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8477418410368926"
crossorigin="anonymous"></script>
<!-- góra strony elastyczna -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8477418410368926"
data-ad-slot="2282450815"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></aside><aside id="search-2" class="widget inner-padding widget_search"><h2 class="widget-title">Wyszukaj</h2><form method="get" class="search-form" action="https://newsblog.pl/">
<label>
<span class="screen-reader-text">Szukaj:</span>
<input type="search" class="search-field" placeholder="Szukaj …" value="" name="s" title="Szukaj:">
</label>
<button class="search-submit" aria-label="Szukaj"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button></form>
</aside>
<aside id="recent-posts-3" class="widget inner-padding widget_recent_entries">
<h2 class="widget-title">Najnowsze</h2>
<ul>
<li>
<a href="https://newsblog.pl/roznica-miedzy-klasa-abstrakcyjna-a-interfejsem-w-javie/">Różnica między klasą abstrakcyjną a interfejsem w Javie</a>
</li>
<li>
<a href="https://newsblog.pl/najlepsze-praktyki-projektowania-wzorca-singleton-w-javie-z-przykladami/">Najlepsze praktyki projektowania wzorca Singleton w Javie z przykładami</a>
</li>
<li>
<a href="https://newsblog.pl/tego-pakietu-instalacyjnego-nie-mozna-bylo-otworzyc-komunikat-w-systemie-windows-11-10/">Tego pakietu instalacyjnego nie można było otworzyć – komunikat w systemie Windows 11/10</a>
</li>
<li>
<a href="https://newsblog.pl/jak-sprawdzic-baterie-kontrolera-xbox-na-komputerze/">Jak sprawdzić baterię kontrolera Xbox na komputerze</a>
</li>
<li>
<a href="https://newsblog.pl/jak-uzywac-postgresql-z-aplikacja-ruby-on-rails-na-ubuntu-20-04/">Jak używać PostgreSQL z aplikacją Ruby on Rails na Ubuntu 20.04</a>
</li>
<li>
<a href="https://newsblog.pl/korzystanie-z-int_max-i-int_min-w-c-c/">Korzystanie z INT_MAX i INT_MIN w C/C++</a>
</li>
<li>
<a href="https://newsblog.pl/zainstaluj-wordpress-z-nginx-na-ubuntu-18-04/">Zainstaluj WordPress z Nginx na Ubuntu 18.04</a>
</li>
<li>
<a href="https://newsblog.pl/jak-skonfigurowac-aplikacje-node-js-do-produkcji-na-rocky-linux-9/">Jak skonfigurować aplikację Node.js do produkcji na Rocky Linux 9</a>
</li>
<li>
<a href="https://newsblog.pl/wstrzykiwanie-sql-w-javie-i-jak-temu-latwo-zapobiec/">Wstrzykiwanie SQL w Javie i jak temu łatwo zapobiec</a>
</li>
<li>
<a href="https://newsblog.pl/typowe-bledy-polaczenia-nginx/">Typowe błędy połączenia Nginx</a>
</li>
</ul>
</aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<div id="footer-widgets" class="site footer-widgets">
<div class="footer-widgets-container grid-container">
<div class="inside-footer-widgets">
<div class="footer-widget-1">
<aside id="nav_menu-2" class="widget inner-padding widget_nav_menu"><div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-100932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100932"><a href="https://newsblog.pl/regulamin-warunki/">Regulamin / Warunki</a></li>
<li id="menu-item-100931" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100931"><a href="https://newsblog.pl/odpowiedzialnosc/">Odpowiedzialność</a></li>
<li id="menu-item-80865" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80865"><a href="https://newsblog.pl/privacy-policy/">Polityka Prywatności</a></li>
<li id="menu-item-100933" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100933"><a href="https://newsblog.pl/o-newsblog-pl/">O newsblog.pl</a></li>
</ul></div></aside> </div>
<div class="footer-widget-2">
</div>
<div class="footer-widget-3">
</div>
</div>
</div>
</div>
<footer class="site-info" aria-label="Witryna" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
<span class="copyright">© 2024 newsblog.pl</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div>
</div>
</footer>
</div>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(52665877, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/52665877" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><!--[if lte IE 11]>
<script src="https://newsblog.pl/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Otw\u00f3rz podmenu","closeSubMenuLabel":"Zamknij podmenu"};
</script>
<script src="https://newsblog.pl/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script>
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'879c3bf70fada3e2',t:'MTcxNDAyNjEwMS4yMDYwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script> 