DatorerProgramvara

Hur man skapar HTML-sida: steg för steg instruktioner och rekommendationer teknik

Du tror hur man skapar HTML-sida? För att göra detta måste du tillbringa några timmar, och du kommer att känna grunderna i HTML. Och du skapar din första sida kommer att kunna 5 minuter.

HTML står för Hypertext Markup Language. Översatt betyder det "Hypertext Markup Language". Det är viktigt att förstå att HTML - det är inte ett programmeringsspråk, nämligen uppmärkning plats.

Alla moderna webbläsare kan känna igen den. Då de visar informationen på ett bekvämt sätt för användaren, eftersom förskottet var avsett av författaren.

Detta språk använder speciella taggar. Varje tagg har en funktion. Många av dem. Helst måste du lära dig allt. Men för nybörjaren grundläggande kunskaper räcker.

HTML Basics

Innan du kan skapa HTML-sida, måste du veta vad det är. I detta språk, finns det två begrepp: elementet och taggen.

Att specificera där elementet börjar och stänger med hjälp av en öppnings- och stängningstaggen. Det ser ut så här.

innehåll

Som ni kan se, öppning och stängning tag skiljer sig endast genom "/".

Alla HTML-dokument är en uppsättning av dessa element. Det finns vissa krav på struktur av dokumentet. All sidans innehåll måste vara mellan de två taggarna och . När du skriver kod, ta det till en vana att omedelbart lägga ner öppnings- och stängningstaggen.

Kom också ihåg att HTML-språkets struktur har sin egen hierarki. Annars är det kallas kapsling. HTML-tagg är den viktigaste, eftersom alla andra är i den.

I HTML, finns det två underordnade element:

  • ... ;
  • .. .

I huvudet avsnittet anger diverse information service. Denna information visas i webbläsaren inte. Till exempel, riktlinjer för utvecklare, för alla program, robotar och mycket mer.

Det viktigaste - det finns inget innehåll.

Avsnittet BODY anger innehållet i dokumentet, som kommer att visas för användaren.

Lär dig att omedelbart göra offentliga och privata taggar, eftersom det kan vara och 10 delposter. Dessutom, för bekvämlighet de kapslade taggarna gör indragen. Till exempel så här.

Så gör att lika viktiga taggar var på samma nivå, och barnet - "insidan". Så mycket lättare att läsa och söka efter en viss del av koden. Annars kan du bli förvirrad. Men för platsbesparande är huvud och kropp taggar kan göras utan stoppning. Så kom alla de andra hade ingenting stycket. Allt annat är önskvärt att separera.

Hur man skapar en enkel HTML-sida på

För att skriva koden du behöver någon form av redaktör. Många av dem. Populära är Notepad ++ och Adobe Dreamweaver. Du kan också använda den bärbara datorn.

Här är vad Notepad ++ redaktör.

Det är mycket användarvänligt editor och det är gratis. Ovanstående Adobe Dreamweaver är betald. Till skillnad från redaktör utformad för att skriva HTML-kod från plattan - i den speciella taggar är markerade. Om den inte lyser, betyder det att du har skrivit är fel.

För att matcha det språk som ljus, är det nödvändigt att ange i inställningarna.

Låt oss titta på hur man skapar en HTML-sida i Anteckningar. Det vill säga, avsluta den tekniska delen och sedan bara gå vidare till studier av taggen.

Hur man skapar en webbsida i den bärbara datorn HTML

Börja med att öppna den bärbara datorn.

Skriv sedan in det som anges i följande skärmbild.

Vänj dig vid att skriva sina händer, inte bara en kopia. När du skriver dina händer, du bättre memorera hela tag databasen.

Klicka sedan på menyn "Save File" och ange ett filnamn, men med tillägget .html.

Filen kan öppnas i webbläsaren, och njuta av resultatet. Nu bör du vara tydlig hur man skapar en webbsida i den bärbara datorn HTML.

World Consortium W3C

Det finns en organisation som W3C, som utvecklar och implementerar alla standarder för Internet. Alla webbläsare är föremål för dessa standarder och process layout (s) för sidor i enlighet med dessa regler.

Den officiella webbplatsen för utvecklarna av HTML, kan du hitta en tabell med alla taggar och regler för deras användning. I den här artikeln tittar vi på de mest grundläggande.

Du kan tänka på vad som kan vara rätt? Alla dessa taggar har en rekommendation. Flera av dem:

  • Valfri tagg.
  • Förbjudet.
  • Blank tag.
  • föråldrade
  • Förlorad.

Taggar i HTML

Innan du kan skapa HTML-sida, måste du förstå att för att vara i tjänst hos huvudet.

HEAD I området finns både obligatoriska och valfria taggar. Obligatorisk tag avser rubrik. Den betecknas med titel </ title>. Han tilldelas hela dokumentet. Och vad du ser i Googles sökmotor resultat - en tagg titel. </p> <p> Vi vänder oss till avsnittet BODY. Det finns element som visas i webbläsaren, och det finns inte visas. Till exempel är kommentarerna inte visas för användaren. De kan användas för anteckningar eller tips för övriga anställda om du arbetar i ett team. </p> <p> De betecknas som <em><! - kommentar -></em> </p> <p> Allt som är mellan <! - och -> programmet betraktas på detta sätt. Observera att du inte kan sätta en kommentar tag i en annan tag kommentar. Eftersom så fort du öppnar <! -, allt som går på, det kommer inte att visas. Information kommer inte att synas så länge föraren inte kommer att se en avslutande tagg ->. </p> <p> Ett exempel på en sådan inneslutning: </p> <p> <em><! - först att kommentera <! - den andra kommentar -> fortsättning på den första kommentaren -></em> </p> <p> webbläsaren blir resultatet av följande </p> <p> <em>fortsättning på den första kommentaren -></em> </p> <p> Men en bit <em><! - först att kommentera <! - den andra kommentar -></em> kommer inte att vara synlig. Den andra öppningen tag <! - ignorerades och ses som vanlig text. </p> <h2> Rubrikerna i texten </h2><p> Titel anger inte bara i avsnittet HEAD hjälp rubriktaggen. I samband med huvudet måste anges nödvändigtvis. Eftersom endast användaren ser. </p> <p> Rubriker finns i en mängd olika nivåer. Således en hierarki i texten. Motsvarande volymer, kapitel, stycken i en bok. </p> <p> Det är bara sex nivåer. Huvud rubrik betecknas <h1> Titel </ h1>. När det gäller att främja sida text i h1 taggar och titel bör vara densamma. Dessutom h1 ur estetisk synvinkel bör det finnas bara ett. Men detta betyder inte att webbläsaren inte kommer att hantera efterföljande h1. De kan göra allt du vill, men detta är inte önskvärt. </p> <p> För underrubriker använder taggar från h2 till h6. De är så - kallade titel i den första, andra, tredje, fjärde, femte och sjätte nivå. Så skapa en kapslad uppgifter och uppdelning i kategorier. </p> <p> Det ser ut så här. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="skapa länkar html-sidor" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> stycke </h2><p> Huvudtexten i koden måste du registrera taggen <p> ... </ p>. Han kom från ordet "avsnitt". Varje punkt ska fylla taggen <p>, och inte skulptera allt i en hög. Normal radbrytning kommer inte att behandlas. Allt kommer att indikera i en enda rad. För överföringar behöver använda <a href="https://sv.unansea.com/en-radbrytning-i-html-anvaend-taggen-br/"><br> tag.</a> </p> <p> Observera att överföring av taggen är inte stängd. Han är singel. </p> <p> Överväga om exempel vers. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Pushkin dikter" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Olika taggar, utöver sitt "namn", det finns en egenskap. Till exempel har ett stycke tag ett attribut "justering", som betecknas align. Den kan ställas in till vänster, höger, center. Det vill säga anpassningen av vänster eller höger eller center. </p> <h2> Använda länkar </h2><p> Du har säkert redan tänkt: hur man skapar HTML-sida med länkar? Komplicerade om det finns ingenting. Skapa länkar HTML-sida är mycket enkel. För detta ändamål finns en speciell tag <a>. Det har sina obligatoriska attribut. Korrekt länk ser ut så här: </p> <p> <em><a href="http:// site /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> länktexten </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="skapa länkar html-sidor" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Om du inte anger en adress och text, då den här länken kommer att vara värdelös eller osynlig för användaren. </p> <h2> slutsats </h2><p> Det finns en hel del taggar, och alla har sin egen uppsättning attribut. Efter att ha läst denna information, bör du förstå hur man kan skapa en webbsida HTML. </p> <p> För att utöka sina kunskaper inom detta område, måste du läsa fler böcker och använda de officiella referens taggar på HTML, som ligger på webbplatsen W3C. Om du inte använder regelbundet uppdaterad katalog över språk författare, kommer du att bli svårt att bli en professionell inom detta område. </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://sv.unansea.com/hur-att-rensa-cache-webblaesaren-opera-en-oeversikt-metoder-rekommendationer-och-recensioner/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e0c2cc277e5c0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e0c2cc277e5c0ed4-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://sv.unansea.com/hur-att-rensa-cache-webblaesaren-opera-en-oeversikt-metoder-rekommendationer-och-recensioner/"> <p>Hur att rensa cache (webbläsaren "Opera"): en översikt, metoder, rekommendationer och recensioner</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sv.unansea.com/hur-tar-man-bort-eset-smart-security/"> <p>Hur tar man bort ESET Smart Security?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/som-i-opera-foer-att-aendra-startsida-hemsida-opera/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/62e0fc466fdc0e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/62e0fc466fdc0e97-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://sv.unansea.com/som-i-opera-foer-att-aendra-startsida-hemsida-opera/"> <p>Som i "Opera" för att ändra startsida. Hemsida "Opera"</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/fraaga-pc-anvaendare-vet-du-vad-diskdefragmentering/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3532e0856feb0e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3532e0856feb0e9e-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://sv.unansea.com/fraaga-pc-anvaendare-vet-du-vad-diskdefragmentering/"> <p>Fråga PC-användare: vet du vad diskdefragmentering?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sv.unansea.com/vad-aer-3d-effekten/"> <p>Vad är 3D-effekten</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/det-fungerar-inte-skype-vad-man-ska-goera-varfoer-fungerar-inte-skype-paa-xp/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8ab4a15370160e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8ab4a15370160e9d-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://sv.unansea.com/det-fungerar-inte-skype-vad-man-ska-goera-varfoer-fungerar-inte-skype-paa-xp/"> <p>Det fungerar inte "Skype" vad man ska göra? Varför fungerar inte "Skype" på XP?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Datorer</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://sv.unansea.com/hotel-esperos-palace-hotel-4-faliraki-grekland-foton-och-recensioner/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/cb5f4af37e8a0ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/cb5f4af37e8a0ed9-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://sv.unansea.com/hotel-esperos-palace-hotel-4-faliraki-grekland-foton-och-recensioner/"> <p>Hotel Esperos Palace Hotel 4 * (Faliraki, Grekland) foton och recensioner</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Traveling</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/oeverfoering-av-pengar-med-mts-till-beeline-enkel-hur-du-uppdaterar-ditt-konto-beeline-med-mts/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/079f0abf70930eac-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/079f0abf70930eac-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://sv.unansea.com/oeverfoering-av-pengar-med-mts-till-beeline-enkel-hur-du-uppdaterar-ditt-konto-beeline-med-mts/"> <p>Överföring av pengar med "MTS" till "Beeline" enkel. Hur du uppdaterar ditt konto "Beeline" med "MTS"?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknik</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/jacka-foer-vintern-vad-man-ska-vaelja/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/89e421226fdf0e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/89e421226fdf0e9d-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://sv.unansea.com/jacka-foer-vintern-vad-man-ska-vaelja/"> <p>Jacka för vintern: vad man ska välja?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Mode</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/mett-basbi-huvudtraenare-foer-fc-manchester-united-biografi-idrottskarriaer/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/343d4d947e630ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/343d4d947e630ed8-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://sv.unansea.com/mett-basbi-huvudtraenare-foer-fc-manchester-united-biografi-idrottskarriaer/"> <p>Mett Basbi, huvudtränare för FC "Manchester United" biografi, idrottskarriär</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sport och Fitness</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/sevaerdheter-kreml-historia-av-konstruktion-diagram-beskrivning/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b256503970400ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b256503970400ea0-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://sv.unansea.com/sevaerdheter-kreml-historia-av-konstruktion-diagram-beskrivning/"> <p>Sevärdheter Kreml. Historia av konstruktion, diagram, beskrivning</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Traveling</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/maestarklass-skyltdockor-med-sina-haender/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a8e11902701e0ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a8e11902701e0ea1-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://sv.unansea.com/maestarklass-skyltdockor-med-sina-haender/"> <p>Mästarklass: skyltdockor med sina händer</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</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://sv.unansea.com/vi-foerstaar-varfoer-domnade-haender-paa-natten/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/30173bcf6fe40e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/30173bcf6fe40e9c-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://sv.unansea.com/vi-foerstaar-varfoer-domnade-haender-paa-natten/"> <p>Vi förstår varför domnade händer på natten</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hälsa</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sv.unansea.com/produktionsstrukturen-av-foeretaget/"> <p>Produktionsstrukturen av företaget</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Affärs</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://sv.unansea.com/erosiv-gastrit/"> <p>Erosiv gastrit</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hälsa</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/foerskingring-artikel-160-i-strafflagen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b83df35d7e0f0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b83df35d7e0f0ecd-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://sv.unansea.com/foerskingring-artikel-160-i-strafflagen/"> <p>Förskingring. Artikel 160 i strafflagen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Lag</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/adnexitis-zastuzhennye-bihang-symptom-orsaker-och-behandling/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d1b0c55c62540e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d1b0c55c62540e6e-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://sv.unansea.com/adnexitis-zastuzhennye-bihang-symptom-orsaker-och-behandling/"> <p>Adnexitis (zastuzhennye bihang): symptom, orsaker och behandling</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hälsa</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sv.unansea.com/kostroma-museum-beskrivning-foto/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/62e1ba807e0c0ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/62e1ba807e0c0ed0-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://sv.unansea.com/kostroma-museum-beskrivning-foto/"> <p>Kostroma Museum: beskrivning, foto</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Nyheter och Samhälle</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 sv.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 1.482 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-02 18:45:38 --> <!-- 0.001 -->