Jy dink hoe om HTML-bladsy te skep? Om dit te doen, moet jy 'n paar uur te spandeer, en jy sal weet die basiese beginsels van HTML. En jy skep jou eerste bladsy sal in staat wees om 5 minute.
HTML staan vir HyperText Markup Language. Vertaal, beteken dit "Hypertext Markup Language". Dit is belangrik om dit HTML verstaan - dit is nie 'n programmeertaal, naamlik opmaak site.
Alle moderne blaaiers in staat is om dit te erken. Dan wys hulle die inligting in 'n maklike manier vir die gebruiker, as die voorskot bedoel deur die skrywer.
Hierdie taal gebruik spesiale etikette. Elke tag het 'n funksie. Daar is baie van hulle. Die ideaal is, moet jy alles leer. Maar vir die beginner basiese kennis is genoeg.
HTML Basics
Voordat jy HTML-bladsy kan skep, moet jy weet wat dit is. In hierdie taal, is daar twee begrippe: die element en tag.
Om te spesifiseer waar die element begin en sluit die gebruik van 'n opening en sluiting tag. Dit lyk soos volg.
inhoud
Soos jy kan sien, die opening en sluiting tag verskil slegs deur "/".
Alle HTML-dokument is 'n versameling van hierdie elemente. Daar is sekere vereistes vir die struktuur van die dokument. Alle inhoud van die bladsy moet tussen die twee tags en . As jy die kode te skryf, neem dit 'n gewoonte om onmiddellik neer te lê opening en sluiting tag.
Onthou ook dat die HTML struktuur van die taal het sy eie hiërargie. Andersins, is dit nes genoem. HTML tag is die belangrikste, want al die ander is in dit.
In HTML, is daar twee kind elemente:
In die hoof artikel spesifiseer verskeie diens inligting. Hierdie inligting word vertoon in die leser nie. Byvoorbeeld, riglyne vir ontwikkelaars, vir alle programme, robots en nog baie meer.
Die belangrikste ding - daar is geen inhoud.
Die liggaam artikel spesifiseer die inhoud van die dokument, wat sal vertoon aan die gebruiker.
Leer om onmiddellik te maak openbare en private etikette, as dit kan wees en 10 sub-items. Behalwe vir die gerief van die geneste etikette doen ingekeep. Byvoorbeeld, soos hierdie.
So maak dat gelyke belang Merkers is op dieselfde vlak, en die kind - die "binnekant". Soveel makliker om te lees en soek vir 'n spesifieke stuk kode. Anders, kan jy deurmekaar raak. Maar vir die ruimte besparing is kop en liggaam tags gedoen kan word sonder padding. So kom om al die ander het niks streepje. Al die ander is wenslik om te skei.
Hoe om 'n eenvoudige HTML bladsy op te skep
Om die kode te skryf wat jy nodig het 'n soort van redakteur. Daar is baie van hulle. Gewild is Notepad ++ en Adobe Dreamweaver. Jy kan ook die notaboek gebruik.
Hier is wat Notepad ++ redakteur.
Dit is baie gebruikers vriendelik redakteur en dit is gratis. Bogenoemde Adobe Dreamweaver betaal. In teenstelling met redakteur ontwerp vir die skryf van HTML-kode van die pad - in daardie spesiale etikette word uitgelig. As dit nie verlig, beteken dit dat jy geskryf het is verkeerd.
Met die oog op die taal van die lig aan te pas, is dit nodig om te spesifiseer in die instellings.
Kom ons kyk na hoe om 'n HTML bladsy in Notepad skep. Dit is, klaar is met die tegniese deel en dan net skuif op na die studie van die tag.
Hoe om 'n webblad in die notaboek HTML skep
In die eerste plek maak die notaboek.
tik in dit wat gespesifiseer in die volgende kiekie.
Gewoond te raak aan sy hande, nie net 'n kopie te skryf. Wanneer jy jou hande te skryf, jy beter onthou die hele tag databasis.
Klik dan op die menu "Save File" en spesifiseer 'n lêer naam, maar met die uitbreiding Html.
Die lêer kan oopgemaak word in die leser, en geniet die resultaat. Nou moet jy duidelik wees hoe om 'n webblad in die notaboek HTML skep.
Wêreld Consortium W3C
Daar is 'n organisasie soos die W3C, wat ontwikkel en implementeer al die standaarde vir die Internet. Alle blaaiers is onderhewig aan hierdie standaarde en proses uitleg (s) vir bladsye in ooreenstemming met hierdie reëls.
Die amptelike webwerf van die ontwikkelaars van HTML, kan jy 'n tafel te vind met al etikette en reëls met betrekking tot die gebruik daarvan. In hierdie artikel kyk ons na die mees basiese.
Jy kan dink oor wat reg kan wees? Al hierdie tags het 'n aanbeveling. Verskeie van hulle:
- Opsionele tag.
- Verbode.
- Leeg tag.
- verouderde
- Verloor.
Tags in die HTML
Voordat jy HTML-bladsy kan skep, moet jy verstaan dat om te wees in die diens van die kop.
Kop in die gebied is daar beide verpligte en opsionele tags. Verpligte tag verwys kop. Dit word aangedui deur
Titel </ title>. Hy is aan die hele dokument. En wat jy sien in Google resultate van die soektog - 'n tag titel. </p>
<p> Ons draai om die liggaam artikel. Daar is elemente wat vertoon word in die leser, en daar is nie-vertoon. Byvoorbeeld, is die kommentaar nie vertoon aan die gebruiker. Hulle kan gebruik word vir notas of wenke vir ander werknemers as jy werk in 'n span. </p>
<p> Hulle aangewys as die <em><! - kommentaar -></em> </p>
<p> Alles wat tussen die <! - en ->, die program beskou in hierdie manier. Neem asseblief kennis dat jy nie kan sit 'n opmerking tag in 'n ander tag kommentaar. Want sodra jy maak die <! -, alles wat gebeur, dit sal nie vertoon word nie. Inligting sal nie sigbaar wees solank die hanteerder n sluiting tag nie sal sien ->. </p>
<p> 'N Voorbeeld van so 'n hok: </p>
<p> <em><! - die eerste om kommentaar te lewer <! - die tweede kommentaar -> voortsetting van die eerste comment -></em> </p>
<p> die leser sal die gevolg van die volgende wees </p>
<p> <em>voortsetting van die eerste comment -></em> </p>
<p> Maar 'n stukkie van <em><-! Die eerste om kommentaar te lewer <! - die tweede kommentaar -></em> sal nie sigbaar wees. Die tweede opening tag <! - is geïgnoreer en beskou word as gewone teks. </p>
<h2> Die opskrifte in die teks </h2><p> Titel spesifiseer nie net in die kop gedeelte met behulp titel tag. In die konteks van die kop moet noodwendig gespesifiseer word. Aangesien slegs die gebruiker sien. </p>
<p> Nuus kom in 'n verskeidenheid van vlakke. So 'n hiërargie in die teks. Ekwivalent volumes, hoofstukke, paragrawe in 'n boek. </p>
<p> Dit is net 6 vlakke. Die belangrikste kop is aangewys <h1> Titel </ h1>. In terme van die bevordering van die bladsy teks in H1 tags, en titel moet dieselfde wees. Verder het h1 uit 'n estetiese oogpunt, daar moet net een wees. Maar dit beteken nie dat die leser daaropvolgende h1 nie sal kan hanteer. Hulle kan alles wat jy wil doen, maar dit is nie wenslik nie. </p>
<p> Vir subopskrifte gebruik tags van h2 om H6. Hulle is so - genoem titel van die eerste, tweede, derde, vierde, vyfde en sesde vlak. So skep 'n sub-data en die verdeling in kategorieë. </p>
<p> Dit lyk soos volg. </p>
<p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="skep skakels html bladsye" width="371" height="256" layout="intrinsic"></amp-img></p>
<h2> paragraaf </h2><p> Die hoofteks in die kode wat jy nodig het om die etiket <p> ... </ p> registreer. Hy het gekom van die woord "lid". Elke paragraaf moet die tag <p> vul, en alles nie sculpt in een hopie. Normale lynbreuk sal nie verwerk word nie. Alles sal aandui in 'n enkele lyn. Vir oordrag nodig om te gebruik <a href="https://af.unansea.com/n-lyn-breek-in-die-html-gebruik-die-tag-br/"><br> tag.</a> </p>
<p> Neem asseblief kennis dat die oordrag van die tag nie gesluit. Hy is single. </p>
<p> Oorweeg op byvoorbeeld vers. </p>
<p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="gedigte Pushkin se" width="700" height="627" layout="intrinsic"></amp-img></p>
<p> Verskillende etikette, bykomend tot sy "naam", daar is 'n kenmerk. Byvoorbeeld, 'n lid tag het 'n kenmerk "belyning", wat aangedui align. Dit kan ingestel word om links, regs, middel. Dit wil sê, die aanpassing van die linker-of die regterkant of sentrum. </p>
<h2> deur middel van skakels </h2><p> Jy het waarskynlik al gedink: hoe om HTML-bladsy met skakels te skep? Ingewikkelde daaroor is daar niks. Skep skakels HTML bladsy is baie maklik. Vir hierdie doel is daar 'n spesiale etiket <a>. Dit het maar sy vereiste eienskappe. Behoorlike skakel lyk soos volg: </p>
<p> <em><a href="http:// webwerf /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> skakel teks </a></em> </p>
<p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="skep skakels html bladsye" width="700" height="199" layout="intrinsic"></amp-img></em> </p>
<p> As jy nie 'n adres en teks spesifiseer nie, dan sal hierdie skakel nutteloos of onsigbaar vir die gebruiker wees. </p>
<h2> gevolgtrekking </h2><p> Daar is 'n baie etikette, en elkeen het sy eie stel van eienskappe. Na die lees van hierdie inligting, moet jy verstaan hoe om 'n webblad HTML skep. </p>
<p> Ten einde hul kennis uit te brei in hierdie gebied, wat jy nodig het om meer boeke te lees en gebruik die amptelike verwysing tags op HTML, wat is geleë op die terrein W3C. As jy nie van tyd tot tyd opgedateer gids van taal skrywers gebruik, sal jy dit moeilik wees om 'n professionele geword in hierdie veld. </p>
</div>
<!--mvp-content-main-->
</div>
<!--mvp-content-body-top-->
</div>
<!--mvp-content-body-->
</div>
<!--mvp-content-wrap-->
</div>
<!--mvp-post-content-->
</div>
<!--mvp-post-main-->
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Similar articles</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/lang-lae-bladsye-in-die-blaaier-alle-moontlike-redes-en-oplossings/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2fe207107e1b0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2fe207107e1b0ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/lang-lae-bladsye-in-die-blaaier-alle-moontlike-redes-en-oplossings/">
<p>Lang lae bladsye in die blaaier: alle moontlike redes en oplossings</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/video-redakteurs-op-die-android-n-oorsig-van-n-paar-programme/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/f126d1d47ec80edf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/f126d1d47ec80edf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/video-redakteurs-op-die-android-n-oorsig-van-n-paar-programme/">
<p>Video redakteurs op die "Android": 'n oorsig van 'n paar programme</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/irr-wat-dit-is-en-hoe-om-te-bereken-in-excel/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b50578767e550ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b50578767e550ed1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/irr-wat-dit-is-en-hoe-om-te-bereken-in-excel/">
<p>IRR - wat dit is en hoe om te bereken in Excel?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/interessante-en-nuttige-programme-vir-windows-8/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2693e63270ca0eaf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2693e63270ca0eaf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/interessante-en-nuttige-programme-vir-windows-8/">
<p>Interessante en nuttige programme vir Windows 8</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/opname-klank-van-n-mikrofoon-dit-is-baie-maklik/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/289fa96e6fd90e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/289fa96e6fd90e99-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/opname-klank-van-n-mikrofoon-dit-is-baie-maklik/">
<p>Opname klank van 'n mikrofoon: dit is baie maklik!</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/siri-wat-is-die-stem-assistent-van-apple/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3d4b459f7e920eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3d4b459f7e920eda-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/siri-wat-is-die-stem-assistent-van-apple/">
<p>Siri: Wat is die stem assistent van Apple?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Rekenaars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Trending Now</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/die-probleem-van-verdraagsaamheid-bewyse-uit-die-literatuur-wat-is-verdraagsaamheid-definisie-sinonieme/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/44d9da117e740ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/44d9da117e740ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/die-probleem-van-verdraagsaamheid-bewyse-uit-die-literatuur-wat-is-verdraagsaamheid-definisie-sinonieme/">
<p>Die probleem van verdraagsaamheid: bewyse uit die literatuur. Wat is verdraagsaamheid: definisie, sinonieme,</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vorming</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/hoe-om-bladsy-herstel-in-touch/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/f20797fa618e0e5e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/f20797fa618e0e5e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/hoe-om-bladsy-herstel-in-touch/">
<p>Hoe om bladsy herstel, "In Touch"?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/wat-moet-jy-doen-as-jy-jou-neus-gebreek/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0fef8f4a70330ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0fef8f4a70330ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/wat-moet-jy-doen-as-jy-jou-neus-gebreek/">
<p>Wat moet jy doen as jy jou neus gebreek?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gesondheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/parfuum-dior-perfume-elite/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d51d33ea62380e72-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d51d33ea62380e72-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/parfuum-dior-perfume-elite/">
<p>Parfuum Dior - Perfume elite</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Skoonheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/lamine-wimpers-voor-en-na-foto/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/98bea0207d9f0ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/98bea0207d9f0ec3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/lamine-wimpers-voor-en-na-foto/">
<p>Lamine wimpers voor en na (foto)</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Skoonheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/glase-rooiwyn-hul-kennis/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7c0166da62090e6d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7c0166da62090e6d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/glase-rooiwyn-hul-kennis/">
<p>Glase rooiwyn - hul kennis</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huis en Familie</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header" style="margin-top:40px;">
<span class="mvp-post-header">Newest</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/waardering-russiese-reklameagentskappe-lys-die-mark-van-reklame-dienste/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/5933ea347e3d0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/5933ea347e3d0ed4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/waardering-russiese-reklameagentskappe-lys-die-mark-van-reklame-dienste/">
<p>Waardering Russiese reklameagentskappe: lys. Die mark van reklame dienste</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Besigheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/shark-vaz-ongelooflike-prototipe/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/911762f6706f0ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/911762f6706f0ea7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/shark-vaz-ongelooflike-prototipe/">
<p>"Shark Vaz" - ongelooflike prototipe</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Motors</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/swing-hanger-vir-jou-krummels/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/6e4e1ea36fe70e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/6e4e1ea36fe70e9b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/swing-hanger-vir-jou-krummels/">
<p>Swing hanger vir jou krummels</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huis en Familie</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/kimograficheskaya-storing-is-dat-metode/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/764675e462700e74-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/764675e462700e74-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/kimograficheskaya-storing-is-dat-metode/">
<p>Kimograficheskaya storing - is dat metode?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gesondheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/name-van-slakke-sorg-en-instandhouding-van-weekdiere/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3e6b8b397e0b0ed3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3e6b8b397e0b0ed3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/name-van-slakke-sorg-en-instandhouding-van-weekdiere/">
<p>Name van slakke, sorg en instandhouding van weekdiere</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News and Society</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://af.unansea.com/bryansk-ingenieurswese-plant-die-trots-van-die-streek/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/003c62057e010eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/003c62057e010eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://af.unansea.com/bryansk-ingenieurswese-plant-die-trots-van-die-streek/">
<p>Bryansk Ingenieurswese Plant - die trots van die streek</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Besigheid</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-article-cont-->
</article>
<!--mvp-article-wrap-->
</div>
<!--mvp-main-body-wrap-->
<footer id="mvp-foot-wrap" class="left relative">
<div id="mvp-foot-bot" class="left relative">
<div class="mvp-main-box">
<div id="mvp-foot-copy" class="left relative">
<p>Copyright © 2018 af.unansea.com. Theme powered by WordPress.</p>
</div>
<!--mvp-foot-copy-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-foot-bot-->
</footer>
</div>
<!--mvp-site-main-->
</div>
<!--mvp-site-wall-->
</div>
<!--mvp-site-->
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 2.25 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-02 04:21:13 -->
<!-- 0.002 -->