HTML P- ja BR-elementtien oikea käyttö

by Jennifer Kyrnin

Rivinvaihtojen ja kappaleiden luominen P- ja BR-tunnisteiden avulla

HTML-oppimisen aikana kaksi tunnistetta, jotka useimmat ihmiset oppivat hyvin varhaisessa vaiheessa, ovat kappaleet ja rivinvaihtomerkit, jotka ovat

ja
. Nämä tunnisteet tekevät luonnolliset katkokset tekstiisi niin, että verkkosivun sisältö on helpompi lukea. Vaikka nämä tunnisteet ovat melko helppokäyttöisiä, ne voivat myös aiheuttaa sekaannusta ja niitä voidaan käyttää väärin.

HTML-kohdan elementin oikea käyttö

Kohtaelementtiä (

) käytetään tag-parina, jossa

avaa elementti ja -tunniste, joka sulkee sen. Kirjoitetussa HTML4- tai HTML5-lomakkeessa lopputunniste ei ole tekninen, mutta sitä ei yleensä pidetä parhaimpana käytäntönä tämän tagin sulkemiseksi. XHTML: ssa, sulkeminen

vaaditaan.

Voit käyttää kohdan elementtiä verkkosivustolla samalla tavoin kuin kirjoittaessasi sisältöä web-sivujen ulkopuolelle - kun haluat aloittaa uuden idean tai pisteen. Useimmat selaimet näyttävät kappaleita yhdellä tyhjillä rivillä niiden välillä. Tässä on HTML-kappaleen esimerkki:

Nyt on aika, että kaikki hyvät miehet tulevat maansa avuksi. Nopea ruskea kettu hyppäsi laiska nukkekodin yli.

Kohta-elementti voidaan lisätä HTML-dokumenttiin seuraavien muiden elementtien tai tagipareiden sisällä:

,

,,,,

, , <noscript>, <cke: object>, <td>, <th> </ p> <p> Seuraavat tunnisteet ovat voimassa pargraph-elementissä. Nämä voivat näkyä sisällä <p> ... </ p> tag-parissa: <br/> <acronym>, <applet>, <b>, <cke: koodattu>% 3Cbasefont% 3E </ cke: encoded> ei ole HTML5: lle, <big>, <br/>, <button>, <cite>, <code>, <dfn>, <em>, <font>, <i>, <iframe>, <img> <script>, <select>, <pieni>, <span>, <<span>, < <strike>, <strong>, <sub>, <sup>, <textarea>, <tt>, <u>, <var> </ p> <p> Huomaa, että joitain näistä tunnisteista ei tueta HTML5- nimittäin: <br/> <applet>, <cke: koodattu>% 3Cbasefont% 3E </ cke: koodattu>, <iso>, <font>, <strike> </ p> <h3> Break element </ h3> <p> Rivinvaihdon elementti tai <code> <br> </ code> -tunniste on <a data-cke-saved-href = "https://www.thoughtco.com/html -singleton-tags-3468620 "href =" https://www.thoughtco.com/html-singleton-tags-3468620 "data-type =" internalLink "data-component =" linkki "data-source =" inlineLink "data -ordinal = "1"> singleton-tagit </a> -itillä ei ole päätymerkkiä. </p> <p> XHTML: ssa on suljettava tagin lopullinen viiste (esim. <Code> <br /> </ code>), mutta HTML (HTML5 mukaan lukien) sitä ei vaadita (esim. <Code> <br> </ code> ). </ p> <p> Taittoelementti on yksinkertaisesti pakko viivatauko web-sivun tekstivirrassa. Käytät sitä, kun haluat jatkaa tekstiä seuraavalla rivillä, mutta sisältö ei ole todellisia ideoita tai pisteitä (mikä tekisi niistä kappaleita). Esimerkki tästä olisi runoutta. </ P> <p> Tässä on esimerkki rivikohdasta kappaleen sisällä: </ p> <blockquote> <code> <p> <br/> Nyt on aika <em> <br/> </ em> <br/> Nopea ruskea kettu hyppäsi laiska nukkuva koiran. <br/> </ p> </ code> </ blockquote> <p> Rivikooditunniste on voimassa seuraavissa tunnisteissa (vielä kerran, jotkut näistä eivät ole vaild-muodossa HTML5: ssä): <br/> <a>, <lyhenne>, <osoite>, <applet> <c>, <c>, <center>, <cite>, <code>, <dd>, <del>, <b>, <bdo>, < <font>, <muoto>, <h>, <i>, <iframe>, <ins>, <kbd>, <dfn>, <div>, <dt> <<>, <<>, <<>>, <<>, <<>>, < <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u>, <var> </ p> <p> on <a data-inlink = "TuitNjCL_gLo0jSvnxjWXg ==" data-cke-saved-href = "https://www.thoughtco.com/html-singleton-tags-3468620" href = "https: //www.thoughtco .com / html-singleton-tags-3468620 "data-type =" internalLink "data-component =" linkki "data-source =" inlineLink "data-ordinal =" 2 "> singleton-tagi </a>, voidaan käyttää sen sisällä. </ p> <h3> P- ja BR-tunnisteiden yleiset väärinkäytöt </ h3> <p> On olemassa joitain yleisiä virheitä, joita ihmiset tekevät kappaleen ja rivinvaihtomerkkien kanssa, / p> <ul> <li> Muuta tekstirivin pituutta ja yritä pakottaa teksti näkymään / murtamaan hyvin tarkasti. <code> <br> </ code> /> Tämä varmistaa, että sivusi näyttävät hyvältä <em> sinun </ em> selaimellasi, mutta ei välttämättä toisella selaimella, eikä varmasti kaikilla laitteilla, jos sivustosi <data-cke-saved-href = "https: //www.thoughtco.com/responsive-web-design-3469984 "href =" https://www.thoughtco.com/responsive-web-design-3469984 "data-type =" internalLink "data-component =" linkki "data-source =" inlineLink "data-ordinal =" 3 "> reagoiva verkkosivusto </a>, joka muuttaa sen ulkoasua <a data-cke-saved-href =" https://www.thoughtco.com/mul ti-device-web-design-3470008 "href =" https://www.thoughtco.com/multi-device-web-design-3470008 "data-type =" internalLink "data-component =" linkki "tietolähde = "inlineLink" data-ordinal = "4"> eri näytön koon mukaan </a>. </p> <p> Tämä johtuu siitä, että selaimet asettavat automaattisesti <a data-inlink = "luQj8vNjQIoe2FoBSEdUIg ==" data-cke-saved-href = "https://www.thoughtco.com/text-composition-informatio-1073837" href = "https : //www.thoughtco.com/text-composition-informatio-1073837 "data-type =" internalLink "data-component =" linkki "data-source =" inlineLink "data-ordinal =" 5 "> sanakäärityksessä < / a> ja sitten, kun on kyse teoksesta, se kääritään tekstin uudelleen, mikä johtaa lyhyisiin viivoihin ja pitkiin viivoihin ja hämärään tekstiin. Käytä aina CSS <a data-cke-saved-href = "https://www.thoughtco.com/css-line-spacing-3469779" href = "https://www.thoughtco.com/css-line -Spacing-3469779 "data-type =" internalLink "data-component =" linkki "data-source =" inlineLink "data-ordinal =" 6 "> tyyliarkit </a> käsittelevät visuaalisia tyylejä sen sijaan, lisäämällä tiettyjä HTML-elementtejä. <br/> </ li> <li> Lisää <elementti </ b> </ p> </ code> lisäämällä välilyöntiä elementtien välillä. <br/> <br/> Jälleen kerran tämä muuttuu HTML: ksi visuaalisen asettelun luomiseksi - tässä tapauksessa välimatkaan, sen sijasta CSS / Tämä on yleinen käytäntö joillekin HTML-toimittajille ja vaikka se ei ole teknisesti väärä, se johtaa hankalaa HTML-muotoa ja voi saada todella hämmentävää muokata myöhemmin. </p> <p> Se ei myöskään ole web-standardien mukainen ja rakenteen ja tyylin erottaminen. Joissakin tapauksissa ei-rikkomatta tiloja muutoin tyhjien kappaleiden tunnisteiden sisällä voi myös johtaa odottamattomaan välilyöntiin eri selaimissa, koska kaikki näyttävät tulkitsevan tätä eri tavalla. </ Li> </ ul> <p> Lisätietoja näistä ja muista tunnisteista HTML-tunnisteiden kirjastossa. </ P> </ p> Tekijä Jeremy Girard </ p> </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://fi.eyewated.com/lisaetietoja-simple-object-access-protocol-soap/"> <amp-img src="https://exse.eyewated.com/pict/47f099132ee7344a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/lisaetietoja-simple-object-access-protocol-soap/">Lisätietoja Simple Object Access Protocol (SOAP)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-lisaetae-vastattavien-taustakuvien-verkkosivustolle/"> <amp-img src="https://exse.eyewated.com/pict/a4d2fee3fa2b36bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-lisaetae-vastattavien-taustakuvien-verkkosivustolle/">Kuinka lisätä vastattavien taustakuvien verkkosivustolle</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/lomakeskuksen-luominen-p-ja-br-tunnisteilla/"> <amp-img src="https://exse.eyewated.com/pict/ad2ff5c7fb30302e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/lomakeskuksen-luominen-p-ja-br-tunnisteilla/">Lomakeskuksen luominen "p" - ja "br" -tunnisteilla</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/web-sivun-osat/"> <amp-img src="https://exse.eyewated.com/pict/86a19908fe31338e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/web-sivun-osat/">Web-sivun osat</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/oikean-sisaelloenhallintajaerjestelmaen-cms-valinta/"> <amp-img src="https://exse.eyewated.com/pict/fa929f827af430e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/oikean-sisaelloenhallintajaerjestelmaen-cms-valinta/">Oikean sisällönhallintajärjestelmän (CMS) valinta</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://fi.eyewated.com/placeholder-text-tai-lorem-ipsum/">Placeholder Text tai Lorem Ipsum</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://fi.eyewated.com/linkkien-kaeyttaeminen-pystysuuntaisten-valikkojen-luomiseen/">Linkkien käyttäminen pystysuuntaisten valikkojen luomiseen</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/etsi-ja-korvaa-dreamweaverissa/"> <amp-img src="https://exse.eyewated.com/pict/f2078b264e98420a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/etsi-ja-korvaa-dreamweaverissa/">Etsi ja korvaa Dreamweaverissa</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kirjoittaminen-great-alt-text-verkkosivuilla-kuvia/"> <amp-img src="https://exse.eyewated.com/pict/4c931f0e7c7e32bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kirjoittaminen-great-alt-text-verkkosivuilla-kuvia/">Kirjoittaminen Great Alt Text verkkosivuilla kuvia</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://fi.eyewated.com/moto-x-pure-edition-suoritusominaisuuden-mukauttaminen/"> <amp-img src="https://exse.eyewated.com/pict/a8c7a5ef2cbc3427-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/moto-x-pure-edition-suoritusominaisuuden-mukauttaminen/">Moto X Pure Edition -suoritusominaisuuden mukauttaminen</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/chat-roulette-review-little-more-than-esiintyjien-leikkipaikka/"> <amp-img src="https://exse.eyewated.com/pict/3d777c669cad3295-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/chat-roulette-review-little-more-than-esiintyjien-leikkipaikka/">Chat Roulette Review: Little More Than Esiintyjien leikkipaikka</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/tallenna-digitaalinen-televisio-videonauhurille/"> <amp-img src="https://exse.eyewated.com/pict/403e2990e6383b8e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/tallenna-digitaalinen-televisio-videonauhurille/">Tallenna digitaalinen televisio videonauhurille</a></h3> <div class="amp-related-meta"> Kotiteatteri </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/cd-n-tai-dvd-levyn-poistaminen-mac-tietokoneesta/"> <amp-img src="https://exse.eyewated.com/pict/73a4740f3ddb3022-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/cd-n-tai-dvd-levyn-poistaminen-mac-tietokoneesta/">CD: n tai DVD-levyn poistaminen Mac-tietokoneesta</a></h3> <div class="amp-related-meta"> Macit </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-kiinnittaeae-lesket-ja-orvoiksi-tekstissae/"> <amp-img src="https://exse.eyewated.com/pict/de60521b39923542-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-kiinnittaeae-lesket-ja-orvoiksi-tekstissae/">Kuinka kiinnittää lesket ja orvoiksi tekstissä</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/vastaanota-saehkoepostiviestejae-eri-osoitteessa-kuin-laehetaet/"> <amp-img src="https://exse.eyewated.com/pict/298aacdab0ad357d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/vastaanota-saehkoepostiviestejae-eri-osoitteessa-kuin-laehetaet/">Vastaanota sähköpostiviestejä eri osoitteessa kuin lähetät</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/paeaesiaeisen-vaerit/">Pääsiäisen värit</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/etsi-tiedot-listalta-index-toiminnolla/"> <amp-img src="https://exse.eyewated.com/pict/c395fa6f59993b08-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/etsi-tiedot-listalta-index-toiminnolla/">Etsi tiedot listalta INDEX-toiminnolla</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/opi-naeyttaemaeaen-tai-piilottamaan-taulukon-akselit-excelissae/"> <amp-img src="https://exse.eyewated.com/pict/75f77377e1323499-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/opi-naeyttaemaeaen-tai-piilottamaan-taulukon-akselit-excelissae/">Opi näyttämään tai piilottamaan taulukon akselit Excelissä</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/muokkaa-asiakirjoja-google-dokumentteihin-ipadillasi-nopeasti-ja-yksinkertaisesti/"> <amp-img src="https://exse.eyewated.com/pict/55097d5b73823c63-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/muokkaa-asiakirjoja-google-dokumentteihin-ipadillasi-nopeasti-ja-yksinkertaisesti/">Muokkaa asiakirjoja Google-dokumentteihin iPadillasi nopeasti ja yksinkertaisesti</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/saeaedae-mac-tietokoneen-kaeynnistyksen-aeaenenvoimakkuutta/"> <amp-img src="https://exse.eyewated.com/pict/10c29c8bf8403872-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/saeaedae-mac-tietokoneen-kaeynnistyksen-aeaenenvoimakkuutta/">Säädä Mac-tietokoneen käynnistyksen äänenvoimakkuutta</a></h3> <div class="amp-related-meta"> Macit </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-on-camera-firmware/"> <amp-img src="https://exse.eyewated.com/pict/04b4984a64e33016-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-on-camera-firmware/">Mikä on Camera Firmware?</a></h3> <div class="amp-related-meta"> Digitaalikamerat </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/tarkennettu-kuvahaku-googleen/"> <amp-img src="https://exse.eyewated.com/pict/109883aed6dc36d0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/tarkennettu-kuvahaku-googleen/">Tarkennettu kuvahaku Googleen</a></h3> <div class="amp-related-meta"> Nettihaku </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mortal-kombat-shaolin-monks-huijauskoodit-ps2-lle/"> <amp-img src="https://exse.eyewated.com/pict/199a1164a5a43442-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mortal-kombat-shaolin-monks-huijauskoodit-ps2-lle/">Mortal Kombat: Shaolin Monks huijauskoodit PS2: lle</a></h3> <div class="amp-related-meta"> Pelaamista </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuuntele-kappaleita-ohitettaessa-itunesissa-ja-iphonessa/"> <amp-img src="https://exse.eyewated.com/pict/60604a1728cd3504-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuuntele-kappaleita-ohitettaessa-itunesissa-ja-iphonessa/">Kuuntele kappaleita ohitettaessa iTunesissa ja iPhonessa</a></h3> <div class="amp-related-meta"> IPhone ja iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/google-my-tracks-gps-koulutus-ja-kartoitus/"> <amp-img src="https://exse.eyewated.com/pict/b4661ab60c68359f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/google-my-tracks-gps-koulutus-ja-kartoitus/">Google My Tracks - GPS-koulutus ja kartoitus</a></h3> <div class="amp-related-meta"> Oppaiden ostaminen </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/5-iphonen-selaimet-jotka-tukevat-flashia/"> <amp-img src="https://exse.eyewated.com/pict/54a737d616f5357f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/5-iphonen-selaimet-jotka-tukevat-flashia/">5 iPhonen selaimet, jotka tukevat Flashia</a></h3> <div class="amp-related-meta"> IPhone ja iPod </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/14-parasta-android-tapausta-jotka-ostetaan-vuonna-2018/">14 parasta Android-tapausta, jotka ostetaan vuonna 2018</a></h3> <div class="amp-related-meta"> Oppaiden ostaminen </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kolme-tapaa-tehdae-voip-puhelu/"> <amp-img src="https://exse.eyewated.com/pict/551969d447cd3156-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kolme-tapaa-tehdae-voip-puhelu/">Kolme tapaa tehdä VoIP-puhelu</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/onkyo-tx-nr708-kotiteatterivastaanotin-tuotearviointi/"> <amp-img src="https://exse.eyewated.com/pict/10562eb6217d367e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/onkyo-tx-nr708-kotiteatterivastaanotin-tuotearviointi/">Onkyo TX-NR708 kotiteatterivastaanotin - tuotearviointi</a></h3> <div class="amp-related-meta"> Kotiteatteri </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/minecraft-merchandise-pitaeae-sinut-laempimaenae-ja-edullisesti/"> <amp-img src="https://exse.eyewated.com/pict/8a59b85d69292ffd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/minecraft-merchandise-pitaeae-sinut-laempimaenae-ja-edullisesti/">Minecraft Merchandise pitää sinut lämpimänä (ja edullisesti!)</a></h3> <div class="amp-related-meta"> Pelaamista </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/lisaekoneiden-asettaminen-icloud-avainnipun-kaeyttaemiseen/"> <amp-img src="https://exse.eyewated.com/pict/a40a0435f2233737-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/lisaekoneiden-asettaminen-icloud-avainnipun-kaeyttaemiseen/">Lisäkoneiden asettaminen iCloud-avainnipun käyttämiseen</a></h3> <div class="amp-related-meta"> Macit </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 fi.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>