Kompjûters, Programming

HTML-kommando 's foar it meitsjen fan websiden

HTML ôfkoarting stiet as in HyperText Markup Language. HTML - it is net in programmeartaal, is de taal fan 'e opmaak site.

Alle browsers by steat binne te bekearen dizze opmaak yn in handige foarm foar de brûker.

Dizze taal brûkt spesjale kommando 's, neamd tags. Elts tag hat syn eigen funksje. Der binne genôch tags. It leafst, jim moatte leare alles. Mar foar de begjinnende ûntwikkelder fan basale kennis is genôch.

Basis HTML kommando

List HTML-kommando is hiel grut. Mar it wichtichste is net sa folle. Om te begjinnen skriuwen koade, jim moatte redakteur. "Notebook" kinne brûkt wurde. Wy riede mei help Notepad ++. It sjocht der sa út.

It foardiel is dat yn in spesjale editor tags wurde markearre yn ferskillende kleuren, ôfhinklik fan 'e kategory. Kommando 's foar it meitsjen fan HTML side yn skriuwboekje of in oar programma fan itselde. Taal wurdt brûkt oeral itselde. Untwikkeling Miljeu - is mar in helpmiddel.

Yn HTML, binne der it sluten tags en unobscured. Ek yn dizze taal is der it begryp briedgebiet. Elk foarwerp yn de koade - it is in elemint. In elemint hat in start tag, ynhâld, en sluting. Boppedat, de tag hat syn eigen útwreide attributen mei harren wearden.

De figuer toant twa tags en . Unthâld dat iepening en ôfsluting wurde stavere itselde, mar ferskille allinne troch "/". As de tag is net sluten, de handler wurdt beskôge as fuortsetting fan de rest fan dit bysûndere elemint. Dit is tige wichtich. Benammen yn 'e referinsjes. Wy sille sjen nei harren in bytsje fierder.

tag binding. It is altyd nedich om te skriuwen. Mar de slutingsdatum is net fereaske. Tsjin de noarmen moatte wêze, mar as jo net slute it wurk sil dochs wêze.

Der binne oare Basic tags: holle en lichem.

Dy HTML-teams binne de kaders foar de side. Se binne ferplichte. Se binne ek ticht.

De namme fan de tag oerienkomt mei de yntinsjeferklearring. Kop - kop. Yn dizze paragraaf identifisearret in tsjinst en wichtige ynformaasje, dat is net sichtber. Paragraaf body - it lichem fan it dokumint. Hjir wurdt de ynhâld dy't toand wurdt oan de brûker. Besykje it sluten tags by ien kear, dan om ferwarring.

Yn de tsjinst section, stelt:

titel fan it dokumint;
Style triemmen;
script triemen;
meta tags;
hantlieding foar sykmasines;
hantlieding foar robots;
alle oare ynformaasje dy't brûkt wurde kin troch programmeurs, mar net brûkers.

styl triem is opnaam hjir as folget:

= http: // site /article/256185/%E2%80%9Cstyle.css%E2%80%9D type = "text / css">

script file as folget:

" src = "http: // site /article/256185/main.js '>

Yn de tekst wurde moat heading. Syn punt út dit:

Titel </ titel> side</em> </p> <p> Dizze tekst sil werjûn wurde yn 'e titel fan' e browser ljepper. Ek dizze titel is ûntliend as gefolch fan 'e útjefte fan in sykmasine. </p> <h2> Tags foar tekst opmaak </h2><p> De tekst moat pleatst wurde yn de tag fan 'e alinea. Hy wurdt oantsjut mei as <p> tekst </ p>. Foar tekst, kinne jo ek gebrûk meitsje fan de <span> string </ span>. </p> <p> Te tekenjen tekst kin wêze, lykas yn "it Wurd": </p> <ul><li> <I> skeanprinte </ i> </li><li> <Strong> fet tekst </ strong> </li><li> <S> Trochstreakje tekst </ s> </li><li> <U> ûnderstreke tekst </ u> </li></ul><p> Tekst kin lûke stilen. Wy sille sjen at se yn 'e ein, nei in resinsje fan oare eleminten. </p> <h2> Mei help fan it Titel </h2><p> Der binne oare wichtige HTML-kommando. headers needsaaklikerwize brûkt foar it meitsjen fan websiden. Se wurde oantsjutte mei help fan de tag <h1> Heading earste nivo </ h1>. Der binne nivo 1 oant 6. It is fan belang om te begripen, dat yn 'e koppen moatte wurde nested. </p> <p> It foarbyld yn Fig. </p> <p><amp-img src="https://i23.delachieve.com/image/fceb0bfa7dde0ec8.jpg" alt="basic kommando html" width="700" height="280" layout="intrinsic"></amp-img></p> <p> Hâld der rekken mei dat it is rekommandearre te brûken mar ien h1 rubryk. Yn dit gefal, dat moat oerienkomme mei de tag <titel>. Fansels kinne jo oanjaan 200 headers h1, mar dan silst de dupe wurde troch de sykmasines. </p> <h2> mei help fan ôfbyldings </h2> <p> Images binne in yntegraal ûnderdiel fan de websiden. It foarbyld lit sjen hoe't it mooglik is om te foegjen gjin foto. </p> <p><amp-img src="https://i23.delachieve.com/image/dc8e12f27ddf0ec8.jpg" alt="html kommando foar site" width="487" height="200" layout="intrinsic"></amp-img></p> <p> Sa't jo sjen kinne, it foarbyld sjen yn detail hoe en wat te sizzen. </p> <h2> Mei help fan links </h2><p> As jo leare HTML-kommando, de tag-bewust keppelings dêr't jo gewoan moat. Dit is ien fan de meast wichtige eleminten, dat is <a href="https://fy.delachieve.com/wat-is-it-world-wide-web/">it World Wide Web.</a> </p> <p> Link tag wurdt oantsjut <a>. Mar it perfoarst moat wurde sletten. Dêrneist hat dit item hat in ferplichte skaaimerk fan 'e href, dêr't it adres en de link punten oan. </p> <p><amp-img src="https://i23.delachieve.com/image/e1ee3b427de40ec9.jpg" alt="html kommando" width="474" height="200" layout="intrinsic"></amp-img></p> <p> Yn it foarbyld hjirboppe, it is sjoen dat ynstee fan tekst befet de referinsje byld. Dat is, kinne jo sette sawol tekst en ôfbylding. </p> <p> Links kin ek opmakke mei help Styles klassen of konvinsjonele tags (skeanprinte, dappere, underline, Trochstreakje). </p> <h2> Mei help fan tabellen </h2><p> Tabellen wurde ek brûkt hiel faak. Se wiene oarspronklik bedoeld om te foarsjen ynformaasje op in handige manier. Mar dan de opmaak waarden brûkt foar it fangen ferskate side eleminten. </p> <p> De tafel wurdt makke as folget: </p> <p> <em><Table width = "100%" border = "1"></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> sel tekst </ td></em> </p> <p> <em><Td> sel tekst </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> sel tekst </ td></em> </p> <p> <em><Td> sel tekst </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em></ Table></em> </p> <p> De breedte attribuut spesifisearret de breedte fan 'e tafel. It kin wêze in persintaazje of pixels. Grins jout de dikte fan it frame. </p> <p> It bouwurk wurdt oanjûn as folget. Tr tag is in tekenrige. Tag td sel. En al tegearre - een tafel. </p> <p><amp-img src="https://i23.delachieve.com/image/047bcf4b7ded0ecb.jpg" alt="html kommando list" width="535" height="290" layout="intrinsic"></amp-img></p> <p> Jo kinne align 'e tafel. It brûkt de align skaaimerk, dat kin nimme trije wearden: Lofts, Center, Rjochts. Foarbyld fan gebrûk oantsjutte hjirûnder. </p> <p><amp-img src="https://i23.delachieve.com/image/391be6fb7df20ecc.jpg" alt="html kommando 's foar de tafel" width="375" height="253" layout="intrinsic"></amp-img></p> <p> Dy HTML-kommando (breedte en alignment) binne ek gaadlik foar oare eleminten. De dikte fan it frame lykas oanjûn yn it byld. </p> <h2> Mei help fan listen </h2><p> It brûken fan HTML-kommando kinne jo oanmeitsje ferskate soarten lysten. Hast krekt itselde as yn Word. </p> <p> Yn taal dêr Html besteld en oardene listen (Kûgel). In foarbyld fan sa'n list. </p> <p> <em><Ul></em> </p> <p> <em><Li> De earste </ li></em> </p> <p> <em><Li> twadde </ li></em> </p> <p> <em><Li> Third </ li></em> </p> <p> <em></ Ul></em> </p> <p> It resultaat sil wêze: </p> <ul><li> earst </li><li> twadde </li><li> tredde </li></ul><table align=center cellpadding=5 cellspacing=0 style="width: 539px; height: 215px;"><tbody><tr><td width=240><p> <strong>type list</strong> </p> </td><td width=345><p> <strong>De koade yn de HTML taal</strong> </p> </td></tr><tr><td width=240><p> Yn de foarm fan in sirkel </p> </td><td width=345><p> <Ul type = "disc"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> Yn in sirkel </p> </td><td width=345><p> <Ul type = "sirkel"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> Op it plein markers </p> </td><td width=345><p> <Ul type = "fjouwerkant"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr></tbody></table><p> Bestelde listen wurde makke op deselde wize, mar ynstee fan <ul>, brûk de tag <ol>. </p> <p> Jo kinne ek bepale hokker soarte fan útfier list: </p> <ul><li> <em>"1"</em> - it Arabyske sifers 1, 2, 3 ... </li><li> <em>"A"</em> - haadletter letters A, B, C ... </li><li> <em>"A"</em> - lytseletters letters a, b, c ... </li><li> <em>"I"</em> - de grutte Romeinske sifers I, II, III ... </li><li> <em>"I"</em> - lytse Romeinske sifers i, ii, iii ... </li></ul><p> De standert útfier fan it Arabyske sifers. </p> <p> Sûnt dit Kûgel listen, se hawwe de start skaaimerk, dat spesifisearret de oarspronklike wearde fan 'e list. Bygelyks, kinne jo werjaan in list begjint út de 10 th of 20 th. </p> <h2> Mei help fan styles </h2><p> HTML-kommando 's foar de side binne hiel ferskaat, mar se allegearre nei oaren harkje stilen. Stilen kinne oantsjutte yn in triem ûnder kop: <link rel = "stylesheet" href = http: // site /article/256185/%E2%80%9Cstyle.css%E2%80%9D type = "text / css" > of foarskriuwe in klear styl. </p> <p> Tink derom dat tusken dizze beskriuwings fan stilen der is in ferskil. Picture Styles spesifisearre wurde yn alle siden fan de site. Sa gau as jo meitsje feroarings oan, dan dizze fernijing sil gefolgen hawwe foar de folsleine webside as gehiel. As jo oantsjutte e stilen op in spesifyk side, de feroarings en it gebrûk fan dy lessen sille allinne binnen de triem. Beyond it oan jo ynstellings sille net komme út. </p> <p> Yntinke dat jo hawwe 20 siden yn HTML en jo beslute om de kop 2 piksels mear. As jo hawwe alles yn 'e styl triem, dan edit allinne moatte om dêr. As alles yndividueel, jim moatte fernije alle 20 siden. </p> <p> Allinne wize nei in inkele side as folget. </p> <p> <amp-img src="https://i23.delachieve.com/image/a64e41927de90eca.jpg" alt="html kommando styles" width="248" height="200" layout="intrinsic"></amp-img></p> <p> Dizze metoade wurdt net oan te rieden. </p> </div>  </div>  </div>  </div>  </div>  </div>  <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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/aimp-in-geweldige-spiler-foar-kopyutera/"> <p>Aimp - In geweldige spiler foar kopyutera</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/lingte-description-tag-foar-yandex-en-google/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/90ff97597df40ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/90ff97597df40ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/lingte-description-tag-foar-yandex-en-google/"> <p>Lingte Description Tag foar "Yandex" en Google</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/computerspel-perfect-world-systeem-easken/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6e65c72d7e4b0ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6e65c72d7e4b0ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/computerspel-perfect-world-systeem-easken/"> <p>Computerspel Perfect World: Systeem easken</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/lofts-join-sql-in-foarbyld-de-detaillearre-beskriuwing-bruken-fan-e-fout/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/ab7243a17e3a0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/ab7243a17e3a0ecf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/lofts-join-sql-in-foarbyld-de-detaillearre-beskriuwing-bruken-fan-e-fout/"> <p>Lofts join (SQL) - in foarbyld, de detaillearre beskriuwing, brûken fan 'e fout</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/feilige-kleuren-en-html/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e649880070340e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e649880070340e9b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/feilige-kleuren-en-html/"> <p>Feilige kleuren en html</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/it-desimaal-numer-systeem-basis-foarbylden-en-oersetting-yn-oare-getal-systeem/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e0523ca970370ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e0523ca970370ea1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/it-desimaal-numer-systeem-basis-foarbylden-en-oersetting-yn-oare-getal-systeem/"> <p>It desimaal nûmer systeem: basis, foarbylden, en oersetting yn oare getal systeem</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjûters</span></h3> </a> </div>  </li> </ul> </div>  <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://fy.delachieve.com/puzzle-mei-syn-eigen-hannen-foar-de-geast-en-untspanning/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/31492f016f6d0e8f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/31492f016f6d0e8f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/puzzle-mei-syn-eigen-hannen-foar-de-geast-en-untspanning/"> <p>Puzzle mei syn eigen hannen foar de geast en ûntspanning</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hobby</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/baked-ierpels-yn-multivarka-mei-tsiis-en-worstjes-molke/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/607868656f660e8d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/607868656f660e8d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/baked-ierpels-yn-multivarka-mei-tsiis-en-worstjes-molke/"> <p>Baked ierpels yn multivarka mei tsiis en worstjes molke</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Levensmiddelen</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/igor-lifanov-a-biography-scheisskind-hrustaleva/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f7d54687705c0ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f7d54687705c0ea7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/igor-lifanov-a-biography-scheisskind-hrustaleva/"> <p>Igor Lifanov: A Biography "SCHeiSSKiND" Hrustaleva</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts Fan Horns</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/trophic-chains-foarbylden-en-beskriuwing/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f5b18279702d0e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f5b18279702d0e9b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/trophic-chains-foarbylden-en-beskriuwing/"> <p>Trophic Chains foarbylden en beskriuwing</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Nijs en Maatskippij</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/de-beste-oefeningen-foar-stretching-foar-begjinners/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/71caaf9a6faa0e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/71caaf9a6faa0e96-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/de-beste-oefeningen-foar-stretching-foar-begjinners/"> <p>De bêste oefeningen foar stretching foar begjinners</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sport en Fitness</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/congratulation-happy-birthday-tatiana-fun-en-ungewoane-lokwinsken-oan-e-jierdei-famke/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/8a81cdab7dfe0ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/8a81cdab7dfe0ecb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/congratulation-happy-birthday-tatiana-fun-en-ungewoane-lokwinsken-oan-e-jierdei-famke/"> <p>Congratulation "Happy Birthday, Tatiana!": Fun en ûngewoane lokwinsken oan 'e jierdei famke</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Home en Gezin</span></h3> </a> </div>  </li> </ul> </div>  <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://fy.delachieve.com/wat-is-in-feed-additief/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3ecb9cda7f040ee3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3ecb9cda7f040ee3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/wat-is-in-feed-additief/"> <p>Wat is in feed additief?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Business</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/eartiidsk-lid-fan-it-hus-2-aliana-gobozov-biografy-famylje-en-it-libben-nei-it-ferlitten-fan-it-projekt/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/a17a57ac703a0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/a17a57ac703a0ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/eartiidsk-lid-fan-it-hus-2-aliana-gobozov-biografy-famylje-en-it-libben-nei-it-ferlitten-fan-it-projekt/"> <p>Eartiidsk lid fan it "Hûs-2" Aliana Gobozov: biografy, famylje en it libben nei it ferlitten fan it projekt</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts Fan Horns</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/compote-fan-peer-en-kersen-plum-yn-winter/"> <p>Compote fan peer en kersen plum yn winter</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Levensmiddelen</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/cross-fietsen-it-is-snelheid-op-de-diken/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7313c7806ff30e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7313c7806ff30e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/cross-fietsen-it-is-snelheid-op-de-diken/"> <p>Cross fietsen - it is snelheid op de diken</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Cars</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/hoe-de-soarch-foar-tapyt/"> <p>Hoe de soarch foar tapyt</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fy.delachieve.com/gaskew-vodicka-foar-pjutten-relieve-koliek/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6756042e6fef0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6756042e6fef0e9a-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fy.delachieve.com/gaskew-vodicka-foar-pjutten-relieve-koliek/"> <p>Gaskew Vodicka foar pjutten relieve koliek</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Home en Gezin</span></h3> </a> </div>  </li> </ul> </div>  </div>  </div>  </article>  </div>  <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 fy.delachieve.com. Theme powered by WordPress.</p> </div>  </div>  </div>  </footer> </div>  </div>  </div>  <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/"> </amp-pixel> </div> </body> </html>