HTML on sivuston merkinnän kieli. Monet pitävät sitä ohjelmoijana, mutta se ei ole. HTML: ssä ei ole mitään muuttujia, laskutoimituksia, taulukkoja tai muita elementtejä missä tahansa ohjelmointikielessä.
HTML: n avulla kehittäjä voi luoda vain sivuston ulkoasun. On tärkeää ymmärtää, ettei sivustoa ole olemassa ilman merkintää. HTML on pohja web-sivujen luomiselle. Muut toiminnot lisätään eri ohjelmointikielillä.
HTML-asiakirjan luominen
Voit luoda yksinkertaisen verkkosivuston sivun millä tahansa editorilla. Jopa "Notepad" tekee. Aloittelijan kehittäjälle on suositeltavaa käyttää muita muokkaajia, joilla on automaattiset korvaustoiminnot ja muut ohjeet. Tämän ansiosta voit luoda valmiita taulukoita, linkkejä, kuvia ja muita elementtejä. Ja "Muistiossa" kukin kirjain on kirjoitettava manuaalisesti.
Yleensä "Muistiossa" käytetään vain tapauksissa, joissa ei ole muita työkaluja. Ensin luodaan tekstitiedosto ja tallennetaan sitten html-muodossa. Sivustolla on oltava html-laajennus.
HTML-kieli on hierarkkinen. Eli on olemassa erityinen rakenne html-dokumentille. Mikä se on? Tarkastellaan alla selkeyttä.
HTML-asiakirjan rakenne. esimerkki
Rakenne on aina sama. Jos haluat muuttaa jotain, selain ei pysty käsittelemään sitä. Tämän seurauksena et saa sitä, mitä tarkoitit.
Yllä oleva kuva näyttää minkä tahansa html-tiedoston rakenteen. Ensimmäinen kohde osoittaa tiedostotyypin. Tämä tunniste määritetään kerran. Jos käytät erikoistoimittajia, koko rakenne luodaan automaattisesti. Oletusarvot on muutettava.
HTML-asiakirjan rakenne on tärkeimmät tunnisteet:
Näistä kolmesta tunnisteesta on koko sivuston luuranko. Kiinnitä huomiota kuvaan. Kaikilla näillä tunnisteilla on "/" -merkki. Jos kirjoitat käsin, käytä tottelemaan molemmat tunnisteet kerralla - avaaminen ja sulkeminen.
Edellä mainittiin, että sivujen sivuilla on .html. Eli jos luot tekstidokumentin, mutta kirjoitat samalla oikean koodin, selain näyttää silti vain sinulle sopivan tekstin. Ei koodin muuntamista.
Pääosa
Alla olevassa kuvassa 3 on esitetty pääosa. Tässä osassa kuvataan palvelutietoja. Voit esimerkiksi määrittää koodauksen (vaihe 4) ja sivun otsikon (vaihe 5).
Otsikon pitäisi aina olla. Ilman sitä, ei hakukone voi määrittää sivun sisällön (tekstin) nimeä. Ja tämä on huono sivuston edistämiseen. Lisäksi yläosassa oleva selain ei määritä sivun otsikkoa. Tämä on haittaa käyttäjälle.
HTML-asiakirjan rakenne on sellainen, että otsikko
on määritelty vain pääosassa. Jos <title> -tunnus on määritetty kehon osassa tai sen jälkeen, ohjaaja ei kiinnitä huomiota siihen. </p>
<p> Lisäksi pääosiossa on tietoja skriptien, tyylitiedostojen, hakukoneiden ohjeiden tai muiden sellaisten tietojen yhdistämiseen, joita käyttäjä ei näe, mutta ne ovat tärkeitä selaimelle tai ohjelmoijille. </p>
<h2> Tyylit yhdistetään </h2><p> HTML-dokumentin rakenne mahdollistaa tyylien yhdistämisen eri tavoin. Lisäksi ne voidaan kirjoittaa jokaiselle elementille erikseen. Tätä menetelmää ei kuitenkaan suositella, koska koodi on liian suuri ja hankala. </p>
<p> Hakukoneet suosittelevat, että kaikki tyylit tehdään erillisessä tiedostossa, ja elementteissä käytetään vain eri luokkia. </p>
<p> Tiedosto on kytketty seuraavasti. </p>
<p> <Link rel = "stylesheet" href = http: // sivusto /article/256158/%E2%80%9Cstyle.css%E2%80%9Dtyyppi = "text / css"> </p>
<p> Href-attribuutti määrittää tiedoston polun. Jos polussa on virhe, tyylejä ei lataudu. Myös tyyppihyväksyntä vaaditaan, mikä tarkoittaa, että tämä on css-tiedosto. </p>
<p> Toinen vaihtoehto on määrittää tyylejä suoraan pääosassa. </p>
<p><amp-img src="https://images.birmiss.com/image/adb6b1067deb0ec9.jpg" alt="Tyylit html: ssä" width="259" height="203" layout="intrinsic"></amp-img></p>
<p> Mutta tämä vaihtoehto ei myöskään ole kovin suositeltavaa. Nämä menetelmät ovat hyvin erilaisia, koska css-tiedosto voi olla yksi koko sivustosta, ja kaikki sen muutokset tulevat välittömästi kaikkiin sivuihin. Ja jos käytät yllä olevassa kuvassa esitettyä menetelmää, sinun on tehtävä muutoksia sivuston kaikkiin olemassa oleviin sivuihin. </p>
<p> Jos luomasi luokka on käytössä vain yhdellä sivulla, tämä vaihtoehto sopii sinulle sopivaksi. </p>
<h2> Skriptit yhdistetään </h2><p> Skriptit kytketään seuraavasti. </p>
<p> <Script type = "text / javascript" src = http: // sivusto /article/256158/%E2%80%9Cmain.js%E2%80%9D%3E%3C/script%3E%3C/p> </p>
<p> Tähän tarvitaan kaksi attribuuttia: tyyppi ja src. Ensin mainitsemme, että tämä on Javascript-tiedosto, ja toinen on, missä tiedosto sijaitsee. Jos teet typoa, mikään ei toimi. </p>
<h2> Osasto </h2><p> HTML-asiakirjan rakenne on sellainen, että käyttäjän on vain sisällön sisältävän sisällön sijoitettava. Tagin nimi puhuu puolestaan. </p>
<p> Tässä määrität kaikki pääkohtaiset koodit, joihin voi sisältyä rajoittamaton määrä elementtejä. Mutta kauemmin koodi, sitä kauemmin se käsitellään. </p>
<p> Harkitse peruselementit, joita voit käyttää kehon alueella. Ei ole niin paljon perusasetuksia. Kaikki loput huomaat tiedon ja käytännön kasvaessa. </p>
<h2> Tunnisteet </h2><p> HTML-asiakirjan rakenne edellyttää pakollista kirjoituselementtiä. Tunnisteita pitää aina ympäröi suluissa <>. Ilman tätä, selain ei ymmärrä, että tämä on tunniste. Lähdön sulkemisen jälkeen elementin (tag) nimi seuraa aina. Jos sallit välilyönnin <ja nimen välillä, selain pitää tämän tekstinä. </p>
<p> Harkitse esimerkkitunnisteen esimerkkiä. Huomaa, että tämä tunniste ei sulkeudu, toisin kuin linkit, kappaleet ja monet muut. </p>
<p><amp-img src="https://images.birmiss.com/image/90d698b67df00eca.jpg" alt="HTML-asiakirjan rakenne, mikä se on" width="670" height="267" layout="intrinsic"></amp-img></p>
<p> Ominaisuuksien järjestyksessä ei ole väliä. Mutta niiden kirjoittaminen on erittäin tärkeää. Aina attribuutin nimi tulee ensin, sitten yhtäläinen merkki, sitten attribuutin arvo kirjoitetaan lainausmerkkeihin. Arvo voi olla erilainen - digitaalinen tai teksti. </p>
<p> Kaikkien tunnisteiden src-attribuutti näyttää ladattavan tiedoston polun. Kaikkien elementtien alt-attribuutti osoittaa lyhyen kuvauksen. Tässä tapauksessa on ladattu kuva bird.jpg, jossa on kuvaus linnun kuviosta. </p>
<p> Lisäksi img-tagissa voit määrittää mittoja, vain leveyttä tai korkeutta, otsikkoa, kohdistusta, tyylialuetta tai kehystä. </p>
<p> Harkitse muut tärkeät tunnisteet, jotka on lueteltu rungossa. </p>
<table align=center cellpadding=5 cellspacing=0><tbody><tr><td valign=top width=153><p> tag </p>
</td><td valign=top width=554><p> tapaaminen </p>
</td></tr><tr><td valign=top width=153><p> <a> ... </a> </p>
</td><td valign=top width=554><p> viittaukset </p>
</td></tr><tr><td valign=top width=153><p> <Img> </p>
</td><td valign=top width=554><p> kuva </p>
</td></tr><tr><td valign=top width=153><p> <P> ... </ p> </p>
</td><td valign=top width=554><p> kohta </p>
</td></tr><tr><td valign=top width=153><p> <br> </p>
</td><td valign=top width=554><p> Tekstin siirtäminen uudelle riville </p>
</td></tr><tr><td valign=top width=153><p> <Vahva> ... </ strong> </p>
</td><td valign=top width=554><p> Lihavoidut tekstit </p>
</td></tr><tr><td valign=top width=153><p> <I> ... </ i> </p>
</td><td valign=top width=554><p> kursivoitu </p>
</td></tr><tr><td valign=top width=153><p> <S> ... </ s> </p>
</td><td valign=top width=554><p> Läpäistyä tekstiä </p>
</td></tr><tr><td valign=top width=153><p> <U> ... </ u> </p>
</td><td valign=top width=554><p> Alleviivattu teksti </p>
</td></tr><tr><td valign=top width=153><p> <Ol> </ ol>, <ul> </ ul> </p>
</td><td valign=top width=554><p> luettelot </p>
</td></tr><tr><td valign=top width=153><p> <Taulukko> </ table> </p>
</td><td valign=top width=554><p> taulukot </p>
</td></tr></tbody></table><h2> Kuinka voin kuvitella kaiken tämän päähäni </h2><p> Kehittäjät alusta eivät aina voi heti kuvitella tätä spekulatiivisesti. Katso muutamia esimerkkejä verkkosivujen rakenteesta, ja ymmärrät varmasti. </p>
<p><amp-img src="https://images.birmiss.com/image/d776e2667df50ecb.jpg" alt="HTML-asiakirjan luominen" width="391" height="445" layout="intrinsic"></amp-img></p>
<p> Tällainen vaihtoehto on: </p>
<p><amp-img src="https://images.birmiss.com/image/ea16cbd67dfa0ecc.jpg" alt="Rakenna html-asiakirjan tärkeimmät tunnisteet" width="472" height="275" layout="intrinsic"></amp-img></p>
<p> Ja tämä: </p>
<p><amp-img src="https://images.birmiss.com/image/68465c077dff0ecd.jpg" alt="HTML-dokumentin rakenneesimerkki" width="457" height="282" layout="intrinsic"></amp-img></p>
<h2> Tyylit </h2><p> Kuten alussa mainittiin, voit yhdistää tyylejä sekä tiedostoon että määrittää pääosion. Joka tapauksessa luokkien kuvaus on täsmälleen sama. </p>
<p> Voit esimerkiksi määrittää otsakkeen tyylin. Tällöin sinun on kirjoitettava h1 (koska tyyli on toisen tason otsikossa), avaa sulkeet ja kirjoita, mitä ominaisuuksia tässä elementissä on. Jos tiedät perus Englanti, niin ei pitäisi olla mitään ongelmia. Kaikki ominaisuudet on nimetty ihmiskieleksi. </p>
<p><amp-img src="https://images.birmiss.com/image/552675b77e040ece.jpg" alt="CSS-tyylien käyttäminen" width="428" height="269" layout="intrinsic"></amp-img></p>
<p> Jos haluat määrittää tämän tyylin useille elementeille kerralla, kirjoita ne pilkuilla erotettuina. </p>
<p><amp-img src="https://images.birmiss.com/image/dea265687ddd0ec6.jpg" alt="Käyttämällä useita css-tyylejä" width="357" height="226" layout="intrinsic"></amp-img></p>
<p> Tulos on punainen otsake. </p>
<p><amp-img src="https://images.birmiss.com/image/e3c24cd87de20ec7.jpg" alt="Tekstidokumentti" width="351" height="203" layout="intrinsic"></amp-img></p>
<p> Edellä mainitut menetelmät soveltuvat standardielementtien suunnitteluun. Mutta voit myös luoda omia luokkia. Heidän nimensä pitäisi alkaa pisteellä, minkä jälkeen kaikki mielivaltaiset nimet kirjoitetaan. </p>
<p><amp-img src="https://images.birmiss.com/image/a46236087de70ec8.jpg" alt="Css-luokat" width="365" height="278" layout="intrinsic"></amp-img></p>
<p> Sinun täytyy käyttää niitä näin. </p>
<p><amp-img src="https://images.birmiss.com/image/99021fb87dec0ec9.jpg" alt="CSS-luokkien käyttäminen" width="398" height="203" layout="intrinsic"></amp-img></p>
<p> Huomaa: jos olet määritellyt standardielementin tyyliasetukset, sinun ei tarvitse kirjoittaa sanaluokkaa. Tyyliä sovelletaan oletusarvoisesti. Luokan attribuutissa voit määrittää vain ne tyylit, jotka alkavat jaksolla. </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://fi.birmiss.com/laajentaminen-adblock-miten-poistaa-kaeytoestae-yandex-browser-opera-ja-google-chrome/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/590df10170050ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/590df10170050ea1-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://fi.birmiss.com/laajentaminen-adblock-miten-poistaa-kaeytoestae-yandex-browser-opera-ja-google-chrome/">
<p>Laajentaminen "Adblock": miten poistaa käytöstä "Yandex Browser", "Opera" ja Google Chrome</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/miksi-ei-avata-laajennuksen-google-chromessa-yleisimpiae-syitae-ja-ratkaisuja/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4904230c7efe0ee2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4904230c7efe0ee2-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://fi.birmiss.com/miksi-ei-avata-laajennuksen-google-chromessa-yleisimpiae-syitae-ja-ratkaisuja/">
<p>Miksi ei avata laajennuksen Google Chromessa? Yleisimpiä syitä ja ratkaisuja</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/miksi-ei-tulostettavia-merkkejae/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/45deaf8b61d40e65-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/45deaf8b61d40e65-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://fi.birmiss.com/miksi-ei-tulostettavia-merkkejae/">
<p>Miksi ei-tulostettavia merkkejä</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/backup-android-tietojen-varmuuskopiointi/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2b1fb6e6705d0ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2b1fb6e6705d0ea6-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://fi.birmiss.com/backup-android-tietojen-varmuuskopiointi/">
<p>Backup (Android). tietojen varmuuskopiointi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/kuvakkeina-tyoepoeydaellae-tehdae-vaehaen-miten-tehdae-kuvakkeet-pienempiae/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/82ad47f870130ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/82ad47f870130ea2-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://fi.birmiss.com/kuvakkeina-tyoepoeydaellae-tehdae-vaehaen-miten-tehdae-kuvakkeet-pienempiae/">
<p>Kuvakkeina työpöydällä tehdä vähän? Miten tehdä kuvakkeet pienempiä?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</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://fi.birmiss.com/kuinka-lisaetae-fontin/">
<p>Kuinka lisätä fontin</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</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://fi.birmiss.com/juon-essee-elokuvan-the-end-talven-noon-suositukset/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a2210bcb7e1e0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a2210bcb7e1e0eca-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://fi.birmiss.com/juon-essee-elokuvan-the-end-talven-noon-suositukset/">
<p>Juon essee elokuvan "The End talven. Noon ": suositukset</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Muodostus</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/miten-maksaa-kasvattilapsi-paeaestoeoikeuksia-hyoedyt-minimipalkkaa-adoptiovanhemmat/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/7dcc44e87ea60ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/7dcc44e87ea60ed8-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://fi.birmiss.com/miten-maksaa-kasvattilapsi-paeaestoeoikeuksia-hyoedyt-minimipalkkaa-adoptiovanhemmat/">
<p>Miten maksaa Kasvattilapsi? Päästöoikeuksia, hyödyt, minimipalkkaa adoptiovanhemmat</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Laki</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/lisaeaentynyt-eosinofiilimaeaeraeae-lapsi-mitae-taemae-tarkoittaa/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f9ec8b0c61ef0e68-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f9ec8b0c61ef0e68-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://fi.birmiss.com/lisaeaentynyt-eosinofiilimaeaeraeae-lapsi-mitae-taemae-tarkoittaa/">
<p>Lisääntynyt eosinofiilimäärää lapsi: Mitä tämä tarkoittaa?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Terveys</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://fi.birmiss.com/suosittu-ryhmitysmenetelmaet-ryhmaen-elementtien-lisaeyslajittelun-ja-avaimella/">
<p>Suosittu ryhmitysmenetelmät ryhmän elementtien: lisäyslajittelun ja avaimella</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/mistae-voi-olla-tarpeen-korvata-gbtz-tiiviste/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/49b148d653d80e29-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/49b148d653d80e29-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://fi.birmiss.com/mistae-voi-olla-tarpeen-korvata-gbtz-tiiviste/">
<p>Mistä voi olla tarpeen korvata gbtz-tiiviste?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Autot</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://fi.birmiss.com/palavan-virtsaputken/">
<p>Palavan virtsaputken</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Terveys</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://fi.birmiss.com/baidu-miten-poistaa-miten-poistaa-baidu-asiantuntija-apua/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5daa50b3703c0ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5daa50b3703c0ea2-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://fi.birmiss.com/baidu-miten-poistaa-miten-poistaa-baidu-asiantuntija-apua/">
<p>Baidu miten poistaa? Miten poistaa Baidu: asiantuntija-apua</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tietokoneet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/kohdunkaulan-hypertrofia-taerkeimmaet-syyt-ja-vaiheet/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/601c6f71701b0e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/601c6f71701b0e9e-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://fi.birmiss.com/kohdunkaulan-hypertrofia-taerkeimmaet-syyt-ja-vaiheet/">
<p>Kohdunkaulan hypertrofia: tärkeimmät syyt ja vaiheet</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Terveys</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/poista-vanha-maali-metallin-nopeasti-mitae-parempi-poistaa-vanha-maali-metallin/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/66555de17e0d0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/66555de17e0d0eca-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://fi.birmiss.com/poista-vanha-maali-metallin-nopeasti-mitae-parempi-poistaa-vanha-maali-metallin/">
<p>Poista vanha maali metallin nopeasti? Mitä parempi poistaa vanha maali metallin?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/yksinkertaiset-ja-yhdiste-lehdet-lomakkeet-tyypit-erot/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b6e6b11c7e1f0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b6e6b11c7e1f0ecf-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://fi.birmiss.com/yksinkertaiset-ja-yhdiste-lehdet-lomakkeet-tyypit-erot/">
<p>Yksinkertaiset ja yhdiste lehdet: lomakkeet, tyypit, erot</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Muodostus</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://fi.birmiss.com/kakku-banaaneja-resepti-on-yksinkertainen-ja-kakku-smetanaa/">
<p>Kakku banaaneja. Resepti on yksinkertainen ja kakku smetanaa</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ruoka ja juomat</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://fi.birmiss.com/kaldealaiset-kuka-on-taemae-merkityksen-ja-sanan-alkuperae/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5bdbfd1d7dd40ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5bdbfd1d7dd40ecc-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://fi.birmiss.com/kaldealaiset-kuka-on-taemae-merkityksen-ja-sanan-alkuperae/">
<p>Kaldealaiset - kuka on tämä? Merkityksen ja Sanan alkuperä</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Muodostus</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 fi.birmiss.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/11999666/0/ec2c5c75/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.157 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 02:49:18 -->
<!-- 0.001 -->