Computers, Software

Hoe kan ik HTML-pagina te maken: stap voor stap instructies en aanbevelingen technologie

Je denkt hoe je HTML-pagina te maken? Om dit te doen, moet je een paar uur, en u zult weten de basis van HTML. En u maakt uw eerste pagina in staat zal zijn om 5 minuten.

HTML staat voor HyperText Markup Language. Vertaald, betekent het "Hypertext Markup Language". Het is belangrijk te weten dat HTML begrijpen - het is geen programmeertaal, namelijk markup website.

Alle moderne browsers in staat zijn om het te herkennen. Dan laten zien dat ze de informatie op een geschikte manier voor de gebruiker, als het voorschot is bedoeld door de auteur.

Deze taal maakt gebruik van speciale labels. Elke tag heeft een functie. Veel van hen. In het ideale geval moet je om alles te leren. Maar voor de beginner basiskennis is genoeg.

HTML Basics

Voordat u de HTML-pagina kunt maken, moet je weten wat het is. In deze taal, zijn er twee concepten: het element en tag.

Aangeven waar het element begint en sluit via een begin- en tag. Het ziet er als volgt uit.

inhoud

Zoals u kunt zien, het openen en sluiten tag verschillen alleen door "/".

Alle HTML-document is een set van deze elementen. Er zijn bepaalde vereisten voor de structuur van het document. Alle pagina-inhoud moet tussen de twee codes en . Als je code te schrijven, neem er een gewoonte van om onmiddellijk zette het openen en sluiten tag.

Bedenk ook dat de HTML-structuur van de taal heeft zijn eigen hiërarchie. Anders wordt nesten genoemd. HTML-tag is de belangrijkste, omdat alle anderen zijn erin.

In HTML, zijn er twee onderliggende elementen:

... ;
.. .

In het kopsegment specificeert verschillende dienstinformatie. Deze informatie wordt weergegeven in de browser niet. Bijvoorbeeld, richtlijnen voor ontwikkelaars, voor alle programma's, robots en nog veel meer.

Het allerbelangrijkste - er is geen inhoud.

Het hoofdgedeelte wordt de inhoud van het document, dat verschijnt aan de gebruiker.

Leer om onmiddellijk publieke en private labels, als het kan en 10 sub-items. Bovendien, voor het gemak de geneste labels doen ingesprongen. Bijvoorbeeld, zoals deze.

Dus zorg dat even belangrijk labels waren op hetzelfde niveau, en het kind - de "binnen". Zo veel gemakkelijker te lezen en te zoeken naar een bepaald stukje code. Anders kunt u in de war raken. Maar voor ruimtebesparing is hoofd en lichaam tags kunnen worden gedaan zonder vulling. Dus kom naar de anderen hadden niets streepje. Al het andere is het wenselijk om te scheiden.

Hoe maak je een eenvoudige HTML-pagina op te maken

Om de code te schrijven die u nodig heeft een soort van editor. Veel van hen. Populair zijn Notepad ++ en Adobe Dreamweaver. U kunt ook de notebook.

Hier is wat Notepad ++ editor.

Het is zeer gebruiksvriendelijk editor en het is gratis. De bovenstaande Adobe Dreamweaver wordt betaald. In tegenstelling tot de editor ontworpen voor het schrijven van HTML-code van het pad - in die speciale tags worden gemarkeerd. Als het niet gaat branden, betekent dit dat u hebt geschreven is verkeerd.

Om de taal van het licht te passen, is het noodzakelijk om aan te geven in de instellingen.

Laten we eens kijken naar hoe je een HTML-pagina in Kladblok. Dat wil zeggen, de afwerking van de technische gedeelte en dan gewoon overgaan tot de studie van de tag.

Hoe maak je een webpagina in de notebook HTML creëren

Open eerst de notebook.

Typ dan in dat wordt opgegeven in de volgende screenshot.

Wen er maar aan zijn handen, niet alleen een kopie te schrijven. Wanneer u uw handen te schrijven, kun je beter onthouden van de gehele tag database.

Klik vervolgens op het menu "Bestand opslaan" en geef een bestandsnaam, maar met de extensie .html.

Het bestand kan worden geopend in uw browser, en geniet van het resultaat. Nu moet je duidelijk zijn hoe je een webpagina in de notebook HTML.

Wereld Consortium W3C

Er is een organisatie zoals de W3C, die zich ontwikkelt en implementeert alle normen voor het internet. Alle browsers zijn onderhevig aan deze normen en proces lay-out (s) voor pagina's in overeenstemming met deze regels.

De officiële website van de ontwikkelaars van HTML, kunt u een lijst vinden met alle tags en regels met betrekking tot het gebruik ervan. In dit artikel kijken we naar de meest elementaire.

U kunt hierbij denken over wat goed zou kunnen zijn? Al deze tags hebben een aanbeveling. Een aantal van hen:

Optionele tag.
Verboden.
Blank tag.
verouderd
Verloren.

Tags in de HTML

Voordat u de HTML-pagina kunt maken, moet u begrijpen dat om in de dienst van het hoofd.

HEAD In de omgeving zijn er zowel verplichte en optionele codes. Verplichte tag verwijst header. Het wordt aangeduid met Titel </ title>. Hij is toegewezen aan het hele document. En wat je ziet in Google zoekmachine resultaten - een tag titel. </p> <p> We wenden tot de BODY sectie. Er zijn elementen die worden weergegeven in de browser, en er zijn niet getoond. Bijvoorbeeld, worden de opmerkingen niet aan de gebruiker getoond. Ze kunnen worden gebruikt voor notities of tips voor andere medewerkers als je werkt in een team. </p> <p> Ze aangewezen als de <em><! - commentaar -></em> </p> <p> Alles wat tussen de <! - en ->, het programma beschouwd op deze manier. Houd er rekening mee dat je niet kunt zet een reactie tag in andere tag commentaar. Want zodra u opent de <! -, dat alles doorgaat, zal het niet worden weergegeven. De informatie zal niet zichtbaar zo lang als de handler een afsluitende tag niet zien ->. </p> <p> Een voorbeeld van een dergelijke omhulling: </p> <p> <em><! - de eerste om te reageren <! - de tweede commentaar -> vervolg op het eerste commentaar -></em> </p> <p> de browser zal het resultaat van de volgende zijn </p> <p> <em>voortzetting van de eerste commentaar -></em> </p> <p> Maar een stuk van <em><! - de eerste om te reageren <! - de tweede commentaar -></em> zal niet zichtbaar zijn. De tweede opening tag <! - werd genegeerd en gezien als platte tekst. </p> <h2> De titels in de tekst </h2><p> Titel specificeert niet alleen in de HEAD sectie met behulp titel tag. In het kader van de kop noodzakelijkerwijs worden vermeld. Omdat alleen de gebruiker ziet. </p> <p> Headlines komen in een verscheidenheid van niveaus. Zo een hiërarchie in de tekst. Equivalent volumes, hoofdstukken, alinea's in een boek. </p> <p> Het is slechts 6 niveaus. De belangrijkste kop wordt aangewezen <h1> Titel </ h1>. In termen van de bevordering van de pagina tekst in h1-tags en titel moet hetzelfde zijn. Bovendien h1 uit esthetisch oogpunt, moet er enige zijn. Maar dit betekent niet dat de browser daaropvolgende h1 niet zal behandelen. Ze kunnen alles wat je wilt doen, maar dit is niet wenselijk. </p> <p> Voor onderverdelingen gebruiken tags uit h2 tot h6. Ze zijn zo - genoemd titel van de eerste, tweede, derde, vierde, vijfde en zesde niveau. Dus maak een geneste data en de indeling in categorieën. </p> <p> Het ziet er als volgt uit. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="maak links html-pagina's" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> paragraaf </h2><p> De belangrijkste tekst in de code die u nodig hebt om de tag <p> ... </ p> te registreren. Hij kwam uit het woord "paragraaf". Elke paragraaf moet de tag <p> te vullen, en niet alles beeldhouwen in een stapel. Normaal regeleinde worden niet verwerkt. Alles zal geven in een enkele lijn. Voor overschrijvingen moet gebruiken <a href="https://nl.unansea.com/een-lijn-breuk-in-de-html-gebruik-de-tag-br/"><br> tag.</a> </p> <p> Houd er rekening mee dat de overdracht van de tag is niet gesloten. Hij is single. </p> <p> Denk aan bijvoorbeeld vers. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="gedichten van Poesjkin" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Verschillende labels, in aanvulling op haar "naam", is er een attribuut. Bijvoorbeeld een paragraaf tag een attribuut "alignment", die wordt aangeduid uitlijnen. Het kan worden ingesteld op links, rechts, center. Dat wil zeggen dat de uitlijning van de links of rechts of in het midden. </p> <h2> gebruik van links </h2><p> U hebt waarschijnlijk al gedacht: hoe HTML-pagina met links te creëren? Gecompliceerde erover is er niets. Maak links HTML-pagina is zeer eenvoudig. Voor dit doel is er een speciale tag <a>. Het heeft zijn vereiste kenmerken. Een goede koppeling ziet er als volgt uit: </p> <p> <em><a href="http:// website /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> linktekst </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="maak links html-pagina's" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Als u niet beschikt over een adres en de tekst opgeeft, dan zal deze link nutteloos of onzichtbaar zijn voor de gebruiker. </p> <h2> conclusie </h2><p> Er zijn een heleboel tags, en elk heeft zijn eigen set van attributen. Na het lezen van deze informatie, moet u weten hoe u een webpagina HTML. </p> <p> Om hun kennis uit te breiden op dit gebied, moet je meer boeken te lezen en gebruik maken van de officiële referentie-tags op HTML, die is gelegen op de site W3C. Als u niet regelmatig bijgewerkt directory van de taal auteurs gebruiken, zult u moeilijk zijn om een professional te worden op dit gebied. </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"> <a href="https://nl.unansea.com/advies-over-hoe-de-ps3-verbinding-met-het-internet/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e4f2ef326f7b0e8f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e4f2ef326f7b0e8f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/advies-over-hoe-de-ps3-verbinding-met-het-internet/"> <p>Advies over hoe de PS3 verbinding met het internet</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/msi-afterburner-configureren-instructies-programmas-en-beoordelingen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/32cd0f467dec0ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/32cd0f467dec0ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/msi-afterburner-configureren-instructies-programmas-en-beoordelingen/"> <p>MSI Afterburner configureren: Instructies, programma's en beoordelingen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</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://nl.unansea.com/hoe-om-te-gaan-naar-de-contact-onzichtbare-of-hoe-je-onzichtbaar-voor-vrienden-te-worden/"> <p>Hoe om te gaan naar de "Contact" onzichtbare, of hoe je onzichtbaar voor vrienden te worden?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/programma-voor-tekening-types-en-kenmerken/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/604328e354cc0e43-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/604328e354cc0e43-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/programma-voor-tekening-types-en-kenmerken/"> <p>Programma voor tekening: types en kenmerken</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/tips-over-hoe-u-de-nod32-actualiseren/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e9b2dc776fc30e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e9b2dc776fc30e98-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/tips-over-hoe-u-de-nod32-actualiseren/"> <p>Tips over hoe u de NOD32 actualiseren</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/programma-voor-het-werken-met-office-type-documenten-een-overzicht/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/fa3b525e7de30ec5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/fa3b525e7de30ec5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/programma-voor-het-werken-met-office-type-documenten-een-overzicht/"> <p>Programma voor het werken met office-type documenten: een overzicht</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</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://nl.unansea.com/pond-shabrovsky-fee-vissen-reviews/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/9c3b5bf57efc0ee0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/9c3b5bf57efc0ee0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/pond-shabrovsky-fee-vissen-reviews/"> <p>Pond Shabrovsky: fee vissen (reviews)</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://nl.unansea.com/hoe-de-wachtrij-naar-de-kleuterschool-te-controleren-cheboksary-bieden-e-service/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c18219ba6ffb0ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c18219ba6ffb0ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/hoe-de-wachtrij-naar-de-kleuterschool-te-controleren-cheboksary-bieden-e-service/"> <p>Hoe de wachtrij naar de kleuterschool te controleren? Cheboksary bieden e-service</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Thuis en Familie</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/lamborghini-reventon-een-krachtige-supercar-van-italiaanse-oorsprong/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/266e62c470480eaa-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/266e62c470480eaa-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/lamborghini-reventon-een-krachtige-supercar-van-italiaanse-oorsprong/"> <p>Lamborghini Reventon, een krachtige supercar van Italiaanse oorsprong</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"> <a href="https://nl.unansea.com/dekking-speeltuinen-gost-overzicht-types-prijzen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/18e7a7c07edd0edf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/18e7a7c07edd0edf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/dekking-speeltuinen-gost-overzicht-types-prijzen/"> <p>Dekking speeltuinen: GOST, overzicht, types, prijzen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Huislijkheid</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/de-betekenis-van-comme-il-faut-en-de-rol-van-de-schuld-in-de-russische-taal/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/51e033586ff30e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/51e033586ff30e9c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/de-betekenis-van-comme-il-faut-en-de-rol-van-de-schuld-in-de-russische-taal/"> <p>De betekenis van "comme il faut" en de rol van de schuld in de Russische taal</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formatie</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/de-serie-de-abonnee-is-tijdelijk-niet-beschikbaar-acteurs-en-rollen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/153d4cdb7e210ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/153d4cdb7e210ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/de-serie-de-abonnee-is-tijdelijk-niet-beschikbaar-acteurs-en-rollen/"> <p>De serie "De abonnee is tijdelijk niet beschikbaar": acteurs en rollen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts and Entertainment</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://nl.unansea.com/de-prachtige-stad-brjansk-regio/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7f8b47067df00ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7f8b47067df00ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/de-prachtige-stad-brjansk-regio/"> <p>De prachtige stad Brjansk regio</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formatie</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/hoe-de-build-van-windows-10-te-controleren-basismethoden/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e78bd9b67e150ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e78bd9b67e150ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/hoe-de-build-van-windows-10-te-controleren-basismethoden/"> <p>Hoe de build van Windows 10 te controleren: basismethoden</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Computers</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/evgeniy-hramov-dichter-vertaler/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b029fa277e8e0ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b029fa277e8e0ed9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/evgeniy-hramov-dichter-vertaler/"> <p>Evgeniy Hramov - dichter, vertaler</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts and Entertainment</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/calla-moeras-een-wonder-in-uw-omgeving/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/6fb826f070110ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/6fb826f070110ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/calla-moeras-een-wonder-in-uw-omgeving/"> <p>Calla moeras - een wonder in uw omgeving</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Nieuws en Maatschappij</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://nl.unansea.com/concor-gebruiksaanwijzing/"> <p>Concor: gebruiksaanwijzing.</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Gezondheid</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://nl.unansea.com/borden-de-notie-van-verplichtingen-en-toezeggingen-uitzicht/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b1402c6470f10eb8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b1402c6470f10eb8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://nl.unansea.com/borden-de-notie-van-verplichtingen-en-toezeggingen-uitzicht/"> <p>Borden, de notie van verplichtingen en toezeggingen uitzicht</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Wet</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 nl.unansea.com. Theme powered by WordPress.</p> </div>  </div>  </div>  </footer> </div>  </div>  </div>  <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html>