Správné použití prvků HTML P a BR

by Jennifer Kyrnin

Vytváření řádkových přestávek a odstavců se značkami P a BR

Když se učíte HTML, dvě značky, které se většina lidí naučí velmi brzy, jsou prvky odstavce a čáry, které jsou

a
. Tyto značky přinesly přirozené přerušení textu tak, aby obsah vašeho webu byl snadněji čitelný. Zatímco tyto značky jsou poměrně snadno použitelné, mohou však také způsobit nějaký zmatek a zneužít je.

Správné použití prvku odstavce HTML

Prvek odstavce (

) se používá jako dvojice tagů s

otevíráním prvku a značkou jej zavírá. Při psaní kódu HTML4 nebo HTML5 je koncová značka technická nevyžadována, ale obecně se považuje za nejlepší postup k uzavření této značky. V XHTML, zavření

je požadováno.

Prvek odstavce byste použili na webových stránkách stejně jako při psaní obsahu pro potřeby mimo web - chcete-li začít nový nápad nebo bod. Většina prohlížečů zobrazuje odstavce s prázdným řádkem. Zde je ukázkový odstavec v HTML:

Nyní je čas, aby všichni dobří muži přišli na pomoc své země. Rychlá hnědá liška skočila nad líný spící pes.

Prvek odstavce lze přidat do dokumentu HTML v rámci následujících prvků nebo dvojic značek:

,

,,,,

, , <noscript>, <cke: object>, <td>, <th> </ p> <p> Následující značky jsou platné v rámci prvku pargraph. Ty se mohou objevit uvnitř <p> ... </ p> páru štítků: <br/> <akronym>, <applet>, <b>, <cke: zakódované>% 3Cbasefont% 3E </ cke: encoded> ne pro HTML5), <big>, <br/>, <button>, <cite>, <code>, <dfn>, <em>, <iframe>, <img> <vstup>, <kbd>, <label>, <map>, <cke: object>, <q>, <s>, <samp>, <small> <strike>, <strong>, <sub>, <sup>, <textarea>, <tt>, <u>, <var> </ p> <p> a to: <br/> <applet>, <cke: encoded>% 3Cbasefont% 3E </ cke: encoded>, <big>, <font>, <strike> </ p> <h3> Break Element </ h3> <p> Prvek čárového zlomku nebo tag <code> <br> </ code> je <a data-cke-save-href = "https://www.thoughtco.com/html -singleton-tags-3468620 "href =" https://www.thoughtco.com/html-singleton-tags-3468620 "data-type =" interníLink "data-component =" link "data-source =" inlineLink " -ordinal = "1"> značka singleton </a> - nemá koncovou značku. </p> <p> V XHTML je třeba značku zavřít konečnou lomítko (např. <Code> <br /> </ code>), ale v HTML (včetně HTML5) to není nutné (např. <Code> <br> </ code> ). </ p> <p> Přerušovací prvek je prostě nucenou čárou v textovém toku webové stránky. Použijete jej, když chcete, aby text pokračoval na dalším řádku, ale tento obsah ve skutečnosti nezapisuje nápady nebo body (které by z nich mohly být odstavce). Příkladem toho by bylo poezie. </ P> <p> Zde je příklad rozdělení řádku uvnitř odstavce: </ p> <blockquote> <code> <p> <br/> Nyní je čas všichni dobří muži přišli na pomoc své země. <em> <br/> </ em> <br/> Rychlá hnědá liška přeskočila na líný spícího psa. <br/> </ p> </ code> </ blockquote> <p> Značka přerušení řádku je platná v následujících značkách (opět některé z nich nejsou ve formátu HTML5): <br/> <a>, <acronym>, <address>, <applet> , <b>, <bdo>, <big>, <blockquote>, <cke: body>, <button>, <ct> , <dfn>, <div>, <dt>, <em>, <pole>, <font>, <form>, <if> <label>, <legend>, <li>, <noframes>, <noscript>, <cke: object>, <p>, <pre>, <q>, <s> <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <var> </ p> <p> je <data-inlink = "TuitNjCL_gLo0jSvnxjWXg ==" data-cke-save-href = "https://www.thoughtco.com/html-singleton-tags-3468620" href = "https: //www.thoughtco .com / html-singleton-tags-3468620 data-type = "internalLink" data-component = "link" data-source = "inlineLink" data-ordinal = "2"> singleton tag </a>, </ p> <h3> Běžné zneužití značek P a BR </ h3> <p> Některé běžné chyby, které lidé dělají s prvky odstavce a čáry při označování webové stránky < / p> <ul> <li> Pomocí <code> <br> </ code> změňte délku textového řádku a snažte se přinutit text, aby se objevil / zlomil velmi specificky. <br/> <br /> Tím zajistíte, že vaše stránky vypadají skvěle v prohlížeči <em> vašeho </ em>, avšak nikoliv nezbytně v jiném prohlížeči a určitě ne na všech zařízeních, pokud jsou vaše stránky <data-cke-saved-href = "https: //www.thoughtco.com/responsive-web-design-3469984 "href =" https://www.thoughtco.com/responsive-web-design-3469984 "data-type =" interníLink "data-component =" odkaz "data-source =" inlineLink "data-ordinal =" 3 "> reagující web </a>, který mění své rozložení <a data-cke-saved-href =" https://www.thoughtco.com/mul ti-device-web-design-3470008 "data-type =" interníLink "data-component =" link " = "inlineLink" data-ordinal = "4"> na základě různých velikostí obrazovky </a>. </p> <p> Důvodem je to, že prohlížeče automaticky vloží <a data-inlink = "luQj8vNjQIoe2FoBSEdUIg ==" data-cke-save-href = "https://www.thoughtco.com/text-composition-informatio-1073837" href = "https : //www.thoughtco.com/text-composition-informatio-1073837 "data-type =" internalLink "data-component =" odkaz "data-source =" inlineLink "data-ordinal =" 5 " / a>, a pokud jde o vaši stránku, znovu zabalí text, což vede k krátkým čarám a dlouhým čarám a trhanému textu. Vždy byste měli používat CSS <a data-cke-saved-href = "https://www.thoughtco.com/css-line-spacing-3469779" href = "https://www.thoughtco.com/css-line -space-3469779 datový typ = "interníLink" data-component = "link" data-source = "inlineLink" data-ordinal = "6"> stylové listy </a> diktovat vizuální styly místo toho, přidáním konkrétních prvků HTML .. <br/> </ li> <li> Pomocí <code> <p> & nbsp; </ p> </ code> přidáte více prostoru mezi prvky. <br/> <br/> Ještě jednou se točí na HTML, aby se vytvořilo vizuální rozložení - v tomto případě je to rozestup, místo toho pro CSS / Toto je běžná praxe některých editorů HTML, a přestože to není technicky špatné, vede to k nepříjemnému hledání HTML a může se dostat opravdu matoucí k pozdější úpravě. </p> <p> To také není v souladu s webovými standardy a oddělením struktury a stylu. V některých případech může použití nerozbitných prostorů uvnitř jinak prázdných značek odstavce také vést k neočekávanému odstupu v různých prohlížečích, protože všichni se zdají interpretovat jinak. Opět nejlepším řešením pro dosažení rozestupových prvků, které potřebujete v návrhu, je použití stylových listů. </ Li> </ ul> <p> Další informace o těchto a dalších značkách v knihovně značek HTML. </ P> < p> Upravil Jeremy Girard </ p> </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-zahrnout-obrazky-do-knih-kindle/"> <amp-img src="https://exse.eyewated.com/pict/f0681088b63c3508-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-zahrnout-obrazky-do-knih-kindle/">Jak zahrnout obrázky do knih Kindle</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/tridy-vyvoje-webu/"> <amp-img src="https://exse.eyewated.com/pict/75b74992b9db2f84-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/tridy-vyvoje-webu/">Třídy vývoje webu</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-zmeny-ve-standardu-pristupu-k-webu-mohou-mit-vliv-na-vase-webove-stranky/"> <amp-img src="https://exse.eyewated.com/pict/af1d32a128ad4227-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-zmeny-ve-standardu-pristupu-k-webu-mohou-mit-vliv-na-vase-webove-stranky/">Jak změny ve standardu přístupu k webu mohou mít vliv na vaše webové stránky</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/pouziti-prikazu-mailto-na-vasem-webu/"> <amp-img src="https://exse.eyewated.com/pict/33fe1fa3ac0b2f5c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/pouziti-prikazu-mailto-na-vasem-webu/">Použití příkazu Mailto na vašem webu</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/zjistete-co-ide-znamena-ve-vyvoji-webovych-aplikaci/"> <amp-img src="https://exse.eyewated.com/pict/8ac42807e56637ab-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/zjistete-co-ide-znamena-ve-vyvoji-webovych-aplikaci/">Zjistěte, co IDE znamená ve vývoji webových aplikací</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/absolutni-a-relativni-cesty/"> <amp-img src="https://exse.eyewated.com/pict/e0aba849f20b2fc8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/absolutni-a-relativni-cesty/">Absolutní a relativní cesty</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-vytvorit-rozeviraci-nabidku-ktera-presmeruje-na-novou-stranku-v-jazyce-java/">Jak vytvořit rozevírací nabídku, která přesměruje na novou stránku v jazyce Java</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-pridat-referencni-poznamky-do-kodu-xml/"> <amp-img src="https://exse.eyewated.com/pict/0bd405701cc130f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-pridat-referencni-poznamky-do-kodu-xml/">Jak přidat referenční poznámky do kódu XML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vyber-spravneho-weboveho-serveru-pro-vase-podnikani/"> <amp-img src="https://exse.eyewated.com/pict/15ad6f1127e33387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vyber-spravneho-weboveho-serveru-pro-vase-podnikani/">Výběr správného webového serveru pro vaše podnikání</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/triple-play-skvelych-baseballovych-her-v-androidu/"> <amp-img src="https://exse.eyewated.com/pict/7e978cc322e83468-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/triple-play-skvelych-baseballovych-her-v-androidu/">Triple Play skvělých baseballových her v Androidu</a></h3> <div class="amp-related-meta"> Hry </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vytvoreni-wall-street-journal-hedcut-efekt-na-fotografii/"> <amp-img src="https://exse.eyewated.com/pict/e2d2a1babe142e54-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vytvoreni-wall-street-journal-hedcut-efekt-na-fotografii/">Vytvoření Wall Street Journal Hedcut efekt na fotografii</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-funguje-komprese-videa/"> <amp-img src="https://exse.eyewated.com/pict/c838e88c968533ed-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-funguje-komprese-videa/">Jak funguje komprese videa?</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/rozdily-mezi-zpravodajem-a-casopisem/"> <amp-img src="https://exse.eyewated.com/pict/ff6a1acc8c41327f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/rozdily-mezi-zpravodajem-a-casopisem/">Rozdíly mezi zpravodajem a časopisem</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-je-socialni-kamera-prehled-aplikace-mobilecam-mobile/"> <amp-img src="https://exse.eyewated.com/pict/157840670138312d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-socialni-kamera-prehled-aplikace-mobilecam-mobile/">Co je sociální kamera? Přehled aplikace MobileCam Mobile</a></h3> <div class="amp-related-meta"> Software a aplikace </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-vydelat-penize-na-amazon/"> <amp-img src="https://exse.eyewated.com/pict/6a2aa6cd40923714-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-vydelat-penize-na-amazon/">Jak vydělat peníze na Amazon</a></h3> <div class="amp-related-meta"> Nové a další </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-je-vpn/"> <amp-img src="https://exse.eyewated.com/pict/8c927aa6d639350c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-vpn/">Co je VPN?</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/nejlepsi-dvd-rekordery/">Nejlepší DVD rekordéry</a></h3> <div class="amp-related-meta"> Nákupní příručky </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-zadat-adresu-odpovedi-v-aplikaci-outlook-com/"> <amp-img src="https://exse.eyewated.com/pict/e151e3bf09b44208-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-zadat-adresu-odpovedi-v-aplikaci-outlook-com/">Jak zadat adresu odpovědí v aplikaci Outlook.com</a></h3> <div class="amp-related-meta"> E-mail a zasílání zpráv </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/spoiler-free-navod-final-fantasy-vii-cast-1/"> <amp-img src="https://exse.eyewated.com/pict/6cac7bb1dec53e2a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/spoiler-free-navod-final-fantasy-vii-cast-1/">Spoiler-free návod Final Fantasy VII, část 1</a></h3> <div class="amp-related-meta"> Hry </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-je-soubor-potx/"> <amp-img src="https://exse.eyewated.com/pict/220edd3287ac31d5-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-soubor-potx/">Co je soubor POTX?</a></h3> <div class="amp-related-meta"> Okna </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vytvoreni-obsahu-v-aplikaci-word-2010-pomoci-obrysovych-urovni/"> <amp-img src="https://exse.eyewated.com/pict/8d112eda10c82edc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vytvoreni-obsahu-v-aplikaci-word-2010-pomoci-obrysovych-urovni/">Vytvoření obsahu v aplikaci Word 2010 pomocí obrysových úrovní</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/dostupne-alternativy-k-tabletam-beats-bluetooth-speaker/"> <amp-img src="https://exse.eyewated.com/pict/5f02b8f49cb63c0b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/dostupne-alternativy-k-tabletam-beats-bluetooth-speaker/">Dostupné alternativy k tabletám Beats + Bluetooth Speaker</a></h3> <div class="amp-related-meta"> Nákupní příručky </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/vlozeni-zalozek-do-dokumentu-aplikace-word/"> <amp-img src="https://exse.eyewated.com/pict/2ca41d3e034d304a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/vlozeni-zalozek-do-dokumentu-aplikace-word/">Vložení záložek do dokumentu aplikace Word</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/aktualizace-windows-10-pruvodce-preziti/"> <amp-img src="https://exse.eyewated.com/pict/d14eeb2432013537-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/aktualizace-windows-10-pruvodce-preziti/">Aktualizace Windows 10: Průvodce přežití</a></h3> <div class="amp-related-meta"> Okna </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-zachytit-televizi-nebo-video-na-vasem-pocitaci/"> <amp-img src="https://exse.eyewated.com/pict/4928c1cd43a234c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-zachytit-televizi-nebo-video-na-vasem-pocitaci/">Jak zachytit televizi nebo video na vašem počítači</a></h3> <div class="amp-related-meta"> Domácí kino </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/winzip-5-mac-popularni-zip-compression-tool-pro-mac/"> <amp-img src="https://exse.eyewated.com/pict/72cdb801589b3090-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/winzip-5-mac-popularni-zip-compression-tool-pro-mac/">WinZip 5 Mac: Populární Zip Compression Tool pro Mac</a></h3> <div class="amp-related-meta"> Software a aplikace </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/import-kontaktu-do-yahoo-mail-z-gmailu-a-facebooku/"> <amp-img src="https://exse.eyewated.com/pict/444b83066a4034be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/import-kontaktu-do-yahoo-mail-z-gmailu-a-facebooku/">Import kontaktů do Yahoo Mail Z Gmailu a Facebooku</a></h3> <div class="amp-related-meta"> E-mail a zasílání zpráv </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/jak-pripojit-webovou-stranku-do-nabidky-windows-10-start/"> <amp-img src="https://exse.eyewated.com/pict/16e23b96294534d8-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/jak-pripojit-webovou-stranku-do-nabidky-windows-10-start/">Jak připojit webovou stránku do nabídky Windows 10 Start</a></h3> <div class="amp-related-meta"> Okna </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/co-je-zrcadleni-obrazovky-pro-iphone-a-ipad/"> <amp-img src="https://exse.eyewated.com/pict/4b1d8000a9353526-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/co-je-zrcadleni-obrazovky-pro-iphone-a-ipad/">Co je zrcadlení obrazovky pro iPhone a iPad?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/pracovni-listy-a-sesity-v-aplikaci-excel/"> <amp-img src="https://exse.eyewated.com/pict/6f32e0c141d23bae-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/pracovni-listy-a-sesity-v-aplikaci-excel/">Pracovní listy a sešity v aplikaci Excel</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://cs.eyewated.com/volne-a-zabavne-weby-pro-divky/"> <amp-img src="https://exse.eyewated.com/pict/6c6b98898f8b3259-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://cs.eyewated.com/volne-a-zabavne-weby-pro-divky/">Volné a zábavné weby pro dívky</a></h3> <div class="amp-related-meta"> Webové vyhledávání </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 cs.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>