Tietokoneet, Ohjelmistot

Miten luoda HTML-sivun: askel askeleelta ohjeet, ja suositukset tekniikka

Luuletko miten luoda HTML-sivun? Voit tehdä tämän, sinun täytyy viettää muutaman tunnin, ja tiedät perusasiat HTML. Ja olet luonut ensimmäisen sivun voi 5 minuuttia.

HTML tulee sanoista HyperText Markup Language. Käännettynä se tarkoittaa "Hypertext Markup Language". On tärkeää ymmärtää, että HTML - se ei ole ohjelmointikieli, eli markup sivusto.

Kaikki nykyaikaiset selaimet pystyvät tunnistamaan sitä. Sitten he esittävät tietoja kätevä tapa käyttäjä, koska etukäteen oli kirjoittaja tarkoittaa.

Tämä kieli käyttää erityistä tageja. Jokainen tunniste on toiminto. Monet niistä. Ihannetapauksessa sinun täytyy oppia kaiken. Mutta aloittelija perustiedot riittää.

HTML Basics

Ennen kuin voit luoda HTML-sivun, sinun täytyy tietää, mitä se on. Tällä kielellä, on olemassa kaksi käsitettä: elementti ja tunnisteen.

Määrittämään, missä elementti alkaa ja sulkee käyttäen avaaminen ja sulkeminen tag. Se näyttää tältä.

sisältöä

Kuten näette, avaaminen ja sulkeminen tag eroavat vain "/".

Kaikki HTML-dokumentti on joukko näitä elementtejä. On olemassa tiettyjä vaatimuksia Asiakirjan rakennetta. Kaikki sivun sisältö on kahden tunnisteet ja . Kun kirjoitat koodia, ota se tapa heti laittaa alas avaaminen ja sulkeminen tag.

Muista myös, että HTML kielen rakenteen on oma hierarkia. Muuten sitä kutsutaan pesiä. HTML-tunniste on tärkein, koska kaikki muut ovat sen sisällä.

HTML on kaksi lasta elementtiä:

... ;
.. .

Head-osioon mainitaan erilaisia palvelutiedot. Nämä tiedot näkyvät selaimessa ei. Esimerkiksi ohjeita kehittäjille, sillä kaikki ohjelmat, robotteja ja paljon muuta.

Tärkeintä - ei ole mitään sisältöä.

BODY osassa määritellään asiakirjan sisältöä, joka näytetään käyttäjälle.

Opi välittömästi julkisen ja yksityisen tunnisteet, koska se voi olla, ja 10 osa-eriä. Lisäksi mukavuussyistä sisäkkäisiä tunnisteet eivät sisennetty. Yksi esimerkki tästä.

Joten tee että yhtä tärkeitä tunnisteet olivat samalla tasolla, ja lapsi - "sisällä". Niin paljon helpompi lukea ja etsiä tiettyä koodinpätkä. Muuten voit hämmentyä. Mutta säästää tilaa on pään ja vartalon tunnisteita voidaan tehdä ilman täyte. Joten tule kaikille muille ollut mitään luetelmakohdassa. Kaikki muu on toivottavaa erottaa.

Miten luoda yksinkertainen HTML-sivulle

Kirjoittaa koodia tarvitset jonkinlainen editori. Monet niistä. Suosituimpia ovat Notepad ++ ja Adobe Dreamweaver. Voit myös käyttää tietokonetta.

Tässä mitä Notepad ++ editori.

Se on erittäin käyttäjäystävällinen editori ja se on maksuton. Yllä oleva Adobe Dreamweaver on maksettu. Toisin editori suunniteltu kirjoittamista HTML tyynystä - että erityiset tunnisteet on korostettu. Jos se ei syty, se tarkoittaa, että olet kirjoittanut on väärä.

, Jotta ne vastaisivat kielen valoa, se on tarpeen määritellä asetuksia.

Katsotaan miten luoda HTML-sivun Muistiossa. Eli loppuun tekninen osa ja sitten vain siirtyä tutkimuksen tunnisteen.

Miten luoda web-sivun muistikirjan HTML

Avaa ensin kannettava.

Kirjoita sitten se, joka on määritetty seuraavissa kuvakaappaus.

Tottua kirjoittamaan kätensä, eikä vain kopio. Kun kirjoitat kädet, sinun on parasta muistaa koko tunnisteen tietokantaan.

Sitten klikkaa valikosta "Tallenna tiedosto" ja määritä tiedoston nimi, mutta laajennus .html.

Tiedosto voidaan avata selaimen ja nauti tulos. Nyt pitäisi olla selvää, miten luoda web-sivun muistikirjan HTML.

Maailman Consortium W3C

On järjestö, kuten W3C, joka kehittää ja toteuttaa kaikki standardit Internetissä. Kaikki selaimet ovat näitä vaatimuksia ja menetelmämme (t) sivuille näiden sääntöjen mukaisesti.

Virallisilla verkkosivuilla kehittäjät HTML, löydät pöydän kaikki tagit ja niiden käyttöä koskevien sääntöjen. Tässä artikkelissa tarkastelemme yleisin.

Voit miettiä, mitä voisi olla oikeassa? Kaikki nämä tunnisteet on suositus. Useat niistä:

Valinnainen koodi.
Kielletty.
Tyhjä tag.
vanhentunut
Menetetty.

Tunnisteet HTML

Ennen kuin voit luoda HTML-sivun, sinun täytyy ymmärtää, että on palveluksessa päähän.

PÄÄ Alueella on sekä pakollisia ja valinnaisia tunnisteita. Pakollinen tag viittaa otsikko. Sitä on merkitty Otsikko </ title>. Hänet asetetaan koko asiakirja. Ja mitä näet Googlen hakukoneen tulokset - tag otsikko. </p> <p> Me puolestaan runko-osaan. On elementtejä, jotka näkyvät selaimessa, ja kyse on ei-näkyvissä. Esimerkiksi kommentteja ei näy käyttäjälle. Niitä voidaan käyttää muistiinpanoja tai vinkkejä muille työntekijöille, jos työskennellä ryhmässä. </p> <p> Ne nimetty <em><! - kommentti -></em> </p> <p> Kaikki tämä on välillä <! - ja ->, ohjelman piti tällä tavalla. Huomaa, että et voi laittaa -kommenttitunnisteesta toisessa tagin kommentoida. Koska heti kun avaat <! - kaikki että menee, sitä ei näytetä. Tietoa ei ole näkyvissä niin kauan kuin käsittelijä näe päättävä tunniste ->. </p> <p> Esimerkki tällaisesta kotelon: </p> <p> <em><! - ensimmäinen kommentti <! - toinen kommentti -> jatkoa ensimmäinen kommentti -></em> </p> <p> selain on seurausta seuraavista </p> <p> <em>jatkaminen ensimmäinen kommentti -></em> </p> <p> Mutta pala <em><! - ensimmäinen kommentti <! - toinen kommentti -></em> ei näy. Toinen aukko tag <! - jätettiin huomiotta, ja heitä pidetään pelkkänä tekstinä. </p> <h2> Otsikoiden tekstissä </h2><p> Otsikko määrittelee paitsi HEAD -osion otsikkokoodin. Yhteydessä otsikon on määritettävä välttämättä. Koska vain käyttäjä näkee. </p> <p> Otsikot tulevat eri tasoilla. Siten hierarkian tekstissä. Samat määrät, lukuihin, kappaleiden kirjaan. </p> <p> Se on vain 6 tasoa. Tärkein otsikko on nimetty <h1> Otsikko </ h1>. Edistämisen kannalta sivun tekstin H1 tunnisteet ja otsikko pitäisi olla sama. Lisäksi, h1 esteettiseltä kannalta, pitäisi olla vain yksi. Mutta tämä ei tarkoita, että selain ei käsittele myöhempää H1. He voivat tehdä niin paljon kuin haluat, mutta tämä ei ole toivottavaa. </p> <p> Alaotsikkokohtien käyttää tunnisteita H2 h6. Ne ovat niin - kutsutaan otsikko ensimmäisen, toisen, kolmannen, neljännen, viidennen ja kuudennen tason. Joten luoda sisäkkäisiä datan ja ryhmäjaon. </p> <p> Se näyttää tältä. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="luoda linkkejä html-sivuja" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> kohta </h2><p> Tärkein teksti koodin sinun täytyy rekisteröidä tag <p> ... </ p>. Hän tuli sanan "kohta". Kunkin kappaleen pitäisi paikata tag <p>, eikä veistää kaikkea yhdessä kasaan. Normaalia tauko ei käsitellä. Kaikkea osoittaa yhdellä rivillä. Siirtojen täytyy käyttää <a href="https://fi.unansea.com/rivinvaihdon-html-kaeytae-tunnistetta-br/"><br> tunnistetta.</a> </p> <p> Huomaa, että siirto tunnistetta ei ole suljettu. Hän on sinkku. </p> <p> Pohtia esimerkiksi jae. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Pushkinin runot" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Eri tunnisteita, lisäksi sen "nimi", on määrite. Esimerkiksi, kappale tunniste on attribuutti "kohdistus", joka on merkitty tasata. Se voidaan asettaa vasemmalle, oikealle, keskelle. Eli linjaus vasemmalle tai oikealle tai keskelle. </p> <h2> käyttämällä linkkejä </h2><p> Olet luultavasti jo ajatellut: kuinka luoda HTML-sivun linkit? Monimutkainen siitä ei ole mitään. Luoda linkkejä HTML-sivu on hyvin yksinkertainen. Tätä tarkoitusta varten on olemassa erityinen tunniste <a>. Se on sen edellyttämää määrettä. Asianmukainen linkki näyttää tältä: </p> <p> <em><a href="http:// sivusto /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> linkkitekstin </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="luoda linkkejä html-sivuja" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Jos et määritellä osoitteen ja tekstin, niin linkki on hyödytön tai käyttäjälle näkymättömiä. </p> <h2> johtopäätös </h2><p> On olemassa paljon tunnisteita, ja jokaisella on omat ominaisuuksia. Kun luet tätä tietoa, sinun pitäisi ymmärtää, miten luoda web-sivun HTML. </p> <p> Jotta voitaisiin laajentaa osaamistaan tällä alueella, sinun täytyy lukea enemmän kirjoja ja käyttää virallisia viittaus tunnisteet HTML, joka sijaitsee paikalla W3C. Jos et käytä säännöllisesti päivitetyn hakemiston kielen kirjoittajien, sinun on vaikea tulla ammatillinen tällä alalla. </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://fi.unansea.com/evaesteiden-poistaminen-monissa-yleisissae-selaimissa/"> <p>Evästeiden poistaminen monissa yleisissä selaimissa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/tietokantavirhe-jaerjestys-eroaa-jaerjestelmaestae-miten-korjata/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/be54c3dd7e410ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/be54c3dd7e410ed1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/tietokantavirhe-jaerjestys-eroaa-jaerjestelmaestae-miten-korjata/"> <p>Tietokantavirhe "Järjestys eroaa järjestelmästä": miten korjata?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/fisheye-photoshopissa/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b79d8eac62200e6c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b79d8eac62200e6c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/fisheye-photoshopissa/"> <p>Fisheye Photoshopissa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/saat-ohjeet-kaeyttaeae-digitaalista-allekirjoitusta/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/19bb03d36fab0e93-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/19bb03d36fab0e93-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/saat-ohjeet-kaeyttaeae-digitaalista-allekirjoitusta/"> <p>Saat ohjeet käyttää digitaalista allekirjoitusta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/miten-poistaa-windows-7-tietokoneesta-miten-poistaa-windows-7-paeivitys-tietokoneesta/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d8de828b6fe60e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d8de828b6fe60e98-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/miten-poistaa-windows-7-tietokoneesta-miten-poistaa-windows-7-paeivitys-tietokoneesta/"> <p>Miten poistaa Windows 7 tietokoneesta. Miten poistaa Windows 7 päivitys tietokoneesta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/miten-hoitaa-muutto-ohjelmien-tietokoneesta/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b7d42bad6fc00e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b7d42bad6fc00e9b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/miten-hoitaa-muutto-ohjelmien-tietokoneesta/"> <p>Miten hoitaa muutto ohjelmien tietokoneesta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/laeaekehoidon-angina/"> <p>Lääkehoidon angina</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Terveys</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/valitsemalla-poelynimuri-samsung-kanssa-aquafiltering/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/63df840a6f9f0e91-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/63df840a6f9f0e91-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/valitsemalla-poelynimuri-samsung-kanssa-aquafiltering/"> <p>Valitsemalla pölynimuri "Samsung" kanssa aquafiltering</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologian</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/porausreiaet-betoniin-tarvittavat-laitteet-ja-tekniikka/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/385d196270790ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/385d196270790ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/porausreiaet-betoniin-tarvittavat-laitteet-ja-tekniikka/"> <p>Porausreiät betoniin: tarvittavat laitteet ja tekniikka</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://fi.unansea.com/arkistotallenteet-johtamisorganisaation-gost-ohjeet-asiakirjoja-saeaentoejae-suuntaviivat-arkistomateriaaleja-hallinta/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/76c447d17e3b0eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/76c447d17e3b0eda-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/arkistotallenteet-johtamisorganisaation-gost-ohjeet-asiakirjoja-saeaentoejae-suuntaviivat-arkistomateriaaleja-hallinta/"> <p>Arkistotallenteet johtamisorganisaation: GOST, ohjeet, asiakirjoja, sääntöjä. Suuntaviivat arkistomateriaaleja hallinta</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Laki</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/kellastunut-muovi-kuten-valkaisuaine-tehokkaita-tapoja-suositukset-ja-arvostelut/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/ac91b6ca7dd80ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/ac91b6ca7dd80ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/kellastunut-muovi-kuten-valkaisuaine-tehokkaita-tapoja-suositukset-ja-arvostelut/"> <p>Kellastunut muovi - kuten valkaisuaine? Tehokkaita tapoja, suositukset ja arvostelut</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://fi.unansea.com/yhteydet-jekaterinburgin-chelyabinsk/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/30e4d61270270ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/30e4d61270270ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/yhteydet-jekaterinburgin-chelyabinsk/"> <p>Yhteydet "Jekaterinburgin-Chelyabinsk"</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Matkustaminen</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://fi.unansea.com/dzhordzh-stinni-nuorin-tekijaen-xx-vuosisadan-yhdysvalloissa-on-perusteltua-70-vuotta-suorittamisen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0dea24ce7d860ec5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0dea24ce7d860ec5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/dzhordzh-stinni-nuorin-tekijaen-xx-vuosisadan-yhdysvalloissa-on-perusteltua-70-vuotta-suorittamisen/"> <p>Dzhordzh Stinni: nuorin tekijän XX vuosisadan Yhdysvalloissa on perusteltua 70 vuotta suorittamisen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Laki</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/anglosaksinen-jaerjestelmae-paikallishallinnon/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e956fde461ce0e64-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e956fde461ce0e64-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/anglosaksinen-jaerjestelmae-paikallishallinnon/"> <p>Anglosaksinen järjestelmä paikallishallinnon</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Uutiset ja yhteiskunta</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/koko-yhdysvaltain-elaeke/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7c4b16597e650ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7c4b16597e650ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/koko-yhdysvaltain-elaeke/"> <p>Koko Yhdysvaltain eläke</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Laki</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/skoda-rapid-2015-arvioita-omistajien-tekniset-ominaisuudet-ja-polttoaineenkulutus/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a83ae14a7df20ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a83ae14a7df20ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/skoda-rapid-2015-arvioita-omistajien-tekniset-ominaisuudet-ja-polttoaineenkulutus/"> <p>"Skoda Rapid 2015 arvioita omistajien, tekniset ominaisuudet ja polttoaineenkulutus</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Autot</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/kiivas-omistaja-on-viisas-ja-huolehtiva-mies/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0ada1e9e62790e76-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0ada1e9e62790e76-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/kiivas-omistaja-on-viisas-ja-huolehtiva-mies/"> <p>Kiivas omistaja - on viisas ja huolehtiva mies</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Koti ja perhe</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://fi.unansea.com/mount-ilyas-kaya-ja-sun-temple-matkailureittien-krimin/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2959235b7e6d0ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2959235b7e6d0ed8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://fi.unansea.com/mount-ilyas-kaya-ja-sun-temple-matkailureittien-krimin/"> <p>Mount Ilyas-Kaya ja Sun Temple. Matkailureittien Krimin</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Matkustaminen</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 fi.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>