Die korrekte gebruik van die HTML P en BR-elemente

by Jennifer Kyrnin

Skep van lynbreuke en paragrawe met die P en BR-etikette

By die aanleer van HTML, is twee elemente wat die meeste mense baie vroeg leer, die paragraaf- en lynbreekelemente, wat

en
is. Hierdie etikette plaas natuurlike breuke in jou teks sodat die inhoud van jou webblad makliker kan lees. Terwyl hierdie etikette redelik maklik is om te gebruik, maar dit kan ook verwarring veroorsaak en misbruik word.

Korrekte gebruik van die HTML-paragraaf element

Die paragraafelement (

) word gebruik as 'n tagpaar met die

opening van die element en die -tag wat dit sluit. In HTML4 of HTML5 geskryf, is die eindetiket tegnies nie nodig nie, maar dit word algemeen beskou as 'n beste praktyk om hierdie merker te sluit. In XHTML, die sluiting

word benodig.

U sal die paragraafelement op 'n webwerf gebruik net soos u wil wanneer u inhoud vir buite-webbehoeftes skryf - wanneer u 'n nuwe idee of punt wil begin. Die meeste blaaiers vertoon paragrawe met een leë lyn tussen hulle. Hier is 'n voorbeeld paragraaf in HTML:

Nou is dit die tyd dat alle goeie mans hul land moet help. Die vinnige bruin vos spring oor die luie slaappie.

Die paragraaf element kan by 'n HTML-dokument gevoeg word binne die volgende ander elemente of merkers:

,

,,,,

, , <noscript>, <cke: object>, <td>, <th> </ p> <p> Die volgende etikette is geldig binne die pargraph element. Hierdie kan binne sy <p> ... </ p> tagpaar verskyn: <br/> <acronym>, <applet>, <b>, <cke: encoded>% 3Cbasefont% 3E </ cke: encoded> nie vir HTML5 nie), <big>, <br/>, <knoppie>, <cite>, <code>, <dfn>, <em>, <font>, <i>, <iframe>, <img> <invoer>, <kbd>, <etiket>, <kaart>, <cke: voorwerp>, <q>, <s>, <samp>, <script>, <select>, <small>, <span> <strike>, <strong>, <sub>, <sup>, <textarea>, <tt>, <u>, <var> </ p> <p> Let daarop dat sommige van hierdie tags nie ondersteun word in HTML5 nie, naamlik: <br/> <applet>, <cke: encoded>% 3Cbasefont% 3E </ cke: encoded>, <big>, <font>, <strike> </ p> <h3> Korrekte gebruik van die HTML-lyn Breek element </ h3> <p> Die lyn breek element, of die <code> <br> </ code> -tag is 'n 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-komponent =" skakel "data-source =" inlineLink "data -ordinal = "1"> singleton-tag </ a> - dit het geen eindetiket nie. </p> <p> In XHTML moet jy die merker met 'n finale snit sluit (bv. <Code> <br /> </ code>), maar in HTML (insluitend HTML5) is dit nie nodig nie (bv. <Code> <br> </ code> ). </ p> <p> Die breekelement is bloot 'n gedwonge lynbreuk in die teksvloei van die webblad. Jy sal dit gebruik as jy wil hê dat die teks op die volgende reël moet voortgaan, maar daardie inhoud is nie regtig aparte idees of punte nie (wat hulle paragrawe maak). 'N Voorbeeld hiervan is poësie. </ P> <p> Hier is 'n voorbeeld van 'n lynbreuk in 'n paragraaf: </ p> <blockquote> <code> <p> <br/> Nou is die tyd vir al die goeie manne om hul land te help. <em> <br/> </ em> <br/> Die vinnige bruin vos spring oor die luie slaapplek. <br/> </ p> </ code> </ blockquote> <p> Die lyn breek etiket is geldig in die volgende etikette (nogmaals, sommige van hierdie is nie in HTML5 nie): <br/> <a>, <acronym>, <address>, <applet> , <b>, <bdo>, <big>, <blockquote>, <cke: body>, <button>, <caption>, <center>, <cite>, <code>, <dd>, <del> , <dfn>, <div>, <dt>, <em>, <veldset>, <font>, <form>, <h #>, <i>, <iframe>, <ins>, <kbd>, <label>, <legende>, <li>, <noframes>, <noscript>, <cke: voorwerp>, <p>, <pre>, <q>, <s>, <samp>, <small> <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u>, <var> </ p> <p> Die lyn breek is 'n <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-tipe =" internalLink "data-komponent =" skakel "data-source =" inlineLink "data-ordinal =" 2 "> singleton-tag </a>, wat beteken dat geen ander etikette kan binne dit gebruik word. </ p> <h3> Algemene mislukkings van die P en BR-etikette </ h3> <p> Daar is 'n paar algemene foute wat mense maak met die paragraaf- en lynbreekelemente wanneer 'n webblad gemerk word < / p> <ul> <li> Gebruik <code> <br> </ code> om die lengte van jou teksreël te verander en probeer om die teks te druk om op 'n baie spesifieke manier te verskyn / breek. <br/> <br /> Dit sal verseker dat u bladsye goed vertoon op u <em> u </ em> blaaier, maar nie noodwendig op 'n ander blaaier nie en beslis nie op alle toestelle as u webwerf <a data-cke-saved-href = "https: //www.thoughtco.com/responsive-web-design-3469984 "href =" https://www.thoughtco.com/responsive-web-design-3469984 "data-tipe =" internalLink "data-komponent =" skakel "data-source =" inlineLink "data-ordinal =" 3 "> 'n responsiewe webwerf </a> wat sy uitleg <a data-cke-saved-href =" https://www.thoughtco.com/mul verander ti-toestel-web-ontwerp-3470008 "href =" https://www.thoughtco.com/multi-device-web-design-3470008 "data-type =" internalLink "data-komponent =" skakel "data-bron = "inlineLink" data-ordinal = "4"> gebaseer op verskillende skerm groottes </a>. </p> <p> Dit is omdat die blaaiers outomaties <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-komponent =" skakel "data-source =" inlineLink "data-ordinal =" 5 "> in die wrap van die woord < / a> en dan wanneer dit by jou <br> kom, sal die teks weer wikkel, wat lei tot kort lyne en lang lyne en klinkende teks. Jy moet altyd CSS gebruik <a data-cke-saved-href = "https://www.thoughtco.com/css-line-spacing-3469779" href = "https://www.thoughtco.com/css-line -spacing-3469779 "data-tipe =" internalLink "data-komponent =" skakel "data-source =" inlineLink "data-ordinal =" 6 "> style sheets </ a> om visuele style te dikteer in plaas daarvan om uitleg te probeer deur spesifieke HTML-elemente by te voeg. <br/> </ li> <li> Gebruik <code> <p> & nbsp; </ p> </ code> om meer spasie tussen elemente by te voeg. <br/> <br/> Weereens, dit verander na HTML om visuele uitleg te skep - in hierdie geval spasiëring, eerder as CSS / Dit is 'n algemene praktyk van sommige HTML redakteurs, en terwyl dit nie tegnies verkeerd is nie, lei dit ongemaklik na HTML en kan dit regtig kry. verwarrend om later te wysig. </p> <p> Dit is ook nie in lyn met webstandaarde en die skeiding van struktuur en styl nie. In sommige gevalle kan die gebruik van nie-brekende spasies binne van ander leë paragrafletters ook onverwagte spasiëring in verskillende blaaiers tot gevolg hê, aangesien dit alles andersins interpreteer. Weereens, die beste oplossing om die spasiëringselemente te behaal, moet in jou ontwerp gebruik word om style sheets te gebruik. </ Li> </ ul> <p> Meer inligting oor hierdie en ander etikette in die HTML Tag Library. </ P> < p> Geredigeer deur Jeremy Girard </ p> </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/gebruik-basiese-vorms-in-grafiese-ontwerp/"> <amp-img src="https://exse.eyewated.com/pict/36d9a76bbae53b48-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/gebruik-basiese-vorms-in-grafiese-ontwerp/">Gebruik basiese vorms in grafiese ontwerp</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/oorheersing-van-die-standaard-skakel-kleure-op-n-webblaaier-met-behulp-van-css/"> <amp-img src="https://exse.eyewated.com/pict/0bcaddacea982ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/oorheersing-van-die-standaard-skakel-kleure-op-n-webblaaier-met-behulp-van-css/">Oorheersing van die standaard skakel kleure op 'n webblaaier met behulp van CSS</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-die-meta-refresh-tag-te-gebruik/"> <amp-img src="https://exse.eyewated.com/pict/53d7c4233e603389-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-die-meta-refresh-tag-te-gebruik/">Hoe om die Meta Refresh Tag te gebruik</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/top-10-moet-web-designer-job-vaardighede/"> <amp-img src="https://exse.eyewated.com/pict/ec9a393b3bef34c9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/top-10-moet-web-designer-job-vaardighede/">Top 10 moet Web Designer Job Vaardighede</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/webontwikkelingsklasse/"> <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://af.eyewated.com/webontwikkelingsklasse/">Webontwikkelingsklasse</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-colocation-en-waarom-sou-jy-dit-kies-vir-web-hosting/">Wat is Colocation en waarom sou jy dit kies vir Web Hosting</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/audio-leer-mime-tipes/"> <amp-img src="https://exse.eyewated.com/pict/66f00f92705833cf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/audio-leer-mime-tipes/">Audio Lêer MIME tipes</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-tagging-en-waarom-moet-ons-dit-doen/">Wat is Tagging en waarom moet ons dit doen?</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-agtergrond-prent-uit-te-brei-om-n-webbladsy-te-pas/"> <amp-img src="https://exse.eyewated.com/pict/ba9a302dbea02f25-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-agtergrond-prent-uit-te-brei-om-n-webbladsy-te-pas/">Hoe om 'n agtergrond prent uit te brei om 'n webbladsy te pas</a></h3> <div class="amp-related-meta"> Webontwerp en Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-mp3-speler-in-u-motor-te-gebruik/"> <amp-img src="https://exse.eyewated.com/pict/9f9cc5a7474136b4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-mp3-speler-in-u-motor-te-gebruik/">Hoe om 'n MP3-speler in u motor te gebruik</a></h3> <div class="amp-related-meta"> Motor Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/sal-n-lcd-tv-werk-met-my-ou-video/"> <amp-img src="https://exse.eyewated.com/pict/251d11efb0ec40c8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/sal-n-lcd-tv-werk-met-my-ou-video/">Sal 'n LCD TV werk met my ou video?</a></h3> <div class="amp-related-meta"> Huis Teater </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/n-vinnige-gids-tot-n-eenvoudige-netwerk-beheer-protokol-snmp/">'N vinnige gids tot 'n eenvoudige netwerk beheer protokol (SNMP)</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/net-oorsaak-3-is-net-losbandig-en-net-pret/"> <amp-img src="https://exse.eyewated.com/pict/cca66f551ef931e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/net-oorsaak-3-is-net-losbandig-en-net-pret/">Net Oorsaak 3 is net losbandig en net pret</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-beteken-twss/"> <amp-img src="https://exse.eyewated.com/pict/b1b2e8da452f3007-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-beteken-twss/">Wat beteken TWSS?</a></h3> <div class="amp-related-meta"> Sosiale media </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/klank-musiek-of-vertelling-by-powerpoint-2003-skyfievertonings-byvoeg/"> <amp-img src="https://exse.eyewated.com/pict/2007bcff67ff323d-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/klank-musiek-of-vertelling-by-powerpoint-2003-skyfievertonings-byvoeg/">Klank, musiek of vertelling by PowerPoint 2003-skyfievertonings byvoeg</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://af.eyewated.com/beste-dinge-om-te-doen-met-desktop-publishing-software/"> <amp-img src="https://exse.eyewated.com/pict/e1ca1104b4e43466-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/beste-dinge-om-te-doen-met-desktop-publishing-software/">Beste dinge om te doen met Desktop Publishing Software</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/grafiese-ontwerp-organisasies/"> <amp-img src="https://exse.eyewated.com/pict/8defe888e71a40f7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/grafiese-ontwerp-organisasies/">Grafiese Ontwerp Organisasies</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/skep-jou-eie-sertifikate-vinnig-en-maklik-met-n-word-sjabloon/"> <amp-img src="https://exse.eyewated.com/pict/cf1d3d9bbf0b4284-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/skep-jou-eie-sertifikate-vinnig-en-maklik-met-n-word-sjabloon/">Skep jou eie sertifikate vinnig en maklik met 'n Word-sjabloon</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/gebruik-itunes-movie-rentals-op-n-rekenaar/"> <amp-img src="https://exse.eyewated.com/pict/b3fcf4d6b6f434ad-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/gebruik-itunes-movie-rentals-op-n-rekenaar/">Gebruik iTunes Movie Rentals op 'n rekenaar</a></h3> <div class="amp-related-meta"> IPhone en iPod </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-multihoming/">Wat is multihoming?</a></h3> <div class="amp-related-meta"> Internet & Netwerk </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-audio-formate-te-omskep-met-behulp-van-itunes/"> <amp-img src="https://exse.eyewated.com/pict/a168816182fd36bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-audio-formate-te-omskep-met-behulp-van-itunes/">Hoe om audio formate te omskep met behulp van iTunes</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/pandora-radio-iphone-app-review/">Pandora Radio iPhone App Review</a></h3> <div class="amp-related-meta"> Produk Resensies </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-flip-duik-te-speel-beter-as-wat-jy-nou-is/"> <amp-img src="https://exse.eyewated.com/pict/534a94a429ff3445-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-flip-duik-te-speel-beter-as-wat-jy-nou-is/">Hoe Flip Duik te speel (beter as wat jy nou is)</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/die-polk-audio-magnifi-one-sound-bar-subwoofer-stelsel/"> <amp-img src="https://exse.eyewated.com/pict/3ebdd9a8a6ac379d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/die-polk-audio-magnifi-one-sound-bar-subwoofer-stelsel/">Die Polk Audio MagniFi One Sound Bar Subwoofer Stelsel</a></h3> <div class="amp-related-meta"> Produk Resensies </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-shazam-n-liedjie-wat-alreeds-op-jou-selfoon-is/"> <amp-img src="https://exse.eyewated.com/pict/b62e05014ddc3423-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-shazam-n-liedjie-wat-alreeds-op-jou-selfoon-is/">Hoe om Shazam 'n liedjie wat alreeds op jou selfoon is</a></h3> <div class="amp-related-meta"> Sagteware en programme </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wanneer-jou-motorverhitter-koue-lug-blaas/"> <amp-img src="https://exse.eyewated.com/pict/60ec380b973135e3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wanneer-jou-motorverhitter-koue-lug-blaas/">Wanneer jou motorverhitter koue lug blaas</a></h3> <div class="amp-related-meta"> Motor Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/compaq-presario-sr2050nx/"> <amp-img src="https://exse.eyewated.com/pict/91fe8317bbf535e4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/compaq-presario-sr2050nx/">Compaq Presario SR2050NX</a></h3> <div class="amp-related-meta"> Koop wenke </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-kerning/"> <amp-img src="https://exse.eyewated.com/pict/fcb5c55e39243434-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-kerning/">Wat is Kerning?</a></h3> <div class="amp-related-meta"> Sagteware </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/wat-is-usb-3-0/"> <amp-img src="https://exse.eyewated.com/pict/efb50131c7493254-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/wat-is-usb-3-0/">Wat is USB 3.0?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/hoe-om-n-bevrore-ipod-touch-te-herstel-elke-model/"> <amp-img src="https://exse.eyewated.com/pict/038844eec0e9344d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/hoe-om-n-bevrore-ipod-touch-te-herstel-elke-model/">Hoe om 'n bevrore iPod touch te herstel (elke model)</a></h3> <div class="amp-related-meta"> IPhone en iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://af.eyewated.com/4-maniere-om-te-weet-of-ubuntu-linux-op-jou-rekenaar-sal-loop/"> <amp-img src="https://exse.eyewated.com/pict/d64b0b72f48435ad-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://af.eyewated.com/4-maniere-om-te-weet-of-ubuntu-linux-op-jou-rekenaar-sal-loop/">4 maniere om te weet of Ubuntu Linux op jou rekenaar sal loop</a></h3> <div class="amp-related-meta"> Linux </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 af.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>