Kompiuteriai, Programinė įranga

Kaip sukurti HTML puslapį: žingsnis po žingsnio instrukcijas ir rekomendacijas technologijos

Jūs manote, kaip sukurti HTML puslapį? Norėdami tai padaryti, jums reikia praleisti keletą valandų, ir jums bus žinoti HTML pagrindai. Ir jums sukurti jūsų pirmas puslapis galės 5 minutes.

HTML stovi Hypertext Markup Language. Išvertus, tai reiškia "hiperteksto kalba". Svarbu suprasti, kad HTML - tai ne programavimo kalba, ty antkainis svetainė.

Visi šiuolaikinių naršyklių sugeba ją atpažinti. Tada jie rodo patogiu būdu vartotojui informaciją, kaip avansas buvo skirtas autoriaus.

Ši kalba naudoja specialias žymes. Kiekvienas žymė turi funkciją. Daugelis iš jų. Idealiu atveju, jums reikia sužinoti viską. Tačiau pradedantiesiems pagrindinių žinių yra pakankamai.

HTML pagrindai

Prieš galite sukurti HTML puslapį, jums reikia žinoti, kas tai yra. Šia kalba, yra dvi sąvokos: elementas ir žymė.

Norėdami nurodyti, kur elementas prasideda ir užsidaro naudojant atidarymo ir uždarymo žyma. Ji atrodo taip.

turinys

Kaip matote, atidarymo ir uždarymo tegus skiriasi tik "/".

Visi HTML dokumentas yra šių elementų rinkinys. Yra tam tikri reikalavimai dėl dokumento struktūrą. Viskas puslapio turinys turi būti tarp dviejų žymių ir . Rašydami kodą, imtis įprotis iš karto pribaigti atidarymo ir uždarymo žyma.

Taip pat atsiminkite, kad HTML struktūra kalba turi savo hierarchiją. Priešingu atveju, tai vadinama lizdus. HTML tegus yra svarbiausia, nes visi kiti yra viduje.

HTML, yra du vaikų elementai:

... ;
.. .

Į galvą skyriuje nurodoma, įvairių paslaugų informaciją. Ši informacija bus rodoma naršyklėje nėra. Pavyzdžiui, gairės kūrėjams, visiems programų, robotai ir dar daugiau.

Svarbiausia - nėra turinio.

Kūno skirsnyje nurodoma dokumento, kuris bus rodomas vartotojui turinį.

Sužinokite iš karto, kad viešuosius ir privačius žodžius, kaip jis gali būti ir 10 dalies punktus. Be to, dėl patogumo įdėtos žymės padaryti įspaudžiami. Pavyzdžiui, kaip šis.

Todėl įsitikinkite, kad vienodai svarbu žymės buvo tame pačiame lygyje, o vaikas - "vidaus". Tiek daug lengviau skaityti ir ieškoti konkretaus kūrinio kodą. Priešingu atveju, galite susipainioti. Tačiau dėl vietos taupymas yra galvos ir kūno žymės gali būti padaryta be kamšalu. Taigi atėjo visiems kitiems nieko įtrauką. Visa kita yra pageidautina atskirti.

Kaip sukurti paprastą HTML puslapį apie

Norėdami rašyti kodą, kurį reikia šiek tiek redaktorius natūra. Daugelis iš jų. Populiariausi yra Notepad ++ "ir" Adobe Dreamweaver ". Jūs taip pat galite naudoti Notepad.

Štai ką Notepad ++ redaktorių.

Labai patogus redaktorius ir ji yra nemokama. Aukščiau Adobe Dreamweaver "sumokama. Skirtingai nei redaktorius, skirtas rašyti HTML kodą iš trinkelėmis - Šiuo specialių žymės yra paryškinti. Jei jis nešviečia, tai reiškia, kad jūs turite raštu yra negerai.

Siekiant suderinti šviesos kalbą, būtina nurodyti parametrai.

Pažvelkime, kaip sukurti HTML puslapį Notepad. Tai reiškia, kad baigti techninę dalį ir tada tiesiog pereiti prie žyma tyrimas.

Kaip sukurti interneto puslapį nešiojamojo HTML

Pirmiausia, atidarykite Notepad.

Tada įveskite į jį, kad yra nurodyta šiose ekrano.

Priprasti rašyti savo rankas, o ne tik jo kopija. Rašydami savo rankas, jūs geriau įsiminti visą tag duomenų bazę.

Tada spustelėkite meniu "išsaugoti failą" ir nurodykite failo vardą, bet su plėtiniu .html.

Šis failas gali būti atidarytas naršyklėje, ir mėgautis rezultatą. Dabar jums turėtų būti aišku, kaip sukurti tinklalapį į nešiojamojo HTML.

Pasaulio konsorciumas W3C

Yra organizacija, pavyzdžiui, W3C, kuri rengia ir įgyvendina visas interneto standartus. Visos Naršyklės yra taikomi tie standartai ir proceso išdėstymu (-ų) lapų, pagal šių taisyklių.

Oficiali svetainė iš HTML kūrėjų, galite rasti lentelę su visais žodžius ir taisyklių, susijusių su jų naudojimu. Šiame straipsnyje mes pažvelgti svarbiausio.

Jūs galite galvoti apie tai, kas gali būti tiesa? Visos šios žymės turite rekomendaciją. Keletas iš jų:

Nebūtina žymą.
Draudžiama.
Tuščia žymė.
pasenęs
Prarasta.

Žymos HTML

Prieš galite sukurti HTML puslapį, jums reikia suprasti, kad būti galvos paslauga.

Galva srityje yra abu privalomi ir neprivalomi žymes. Privaloma žyma reiškia antraštę. Jis žymimas Pavadinimas </ title>. Jis skiriamas visą dokumentą. Ir tai, ką matote "Google" paieškos rezultatų - žymos pavadinimą. </p> <p> Mes savo ruožtu organizmui skyriuje. Yra elementų, kurie rodomi naršyklėje, ir yra ne rodomas. Pavyzdžiui, komentarai nerodomi vartotojui. Jie gali būti naudojami užrašams ar patarimų dėl kitų darbuotojų, jei dirbti komandoje. </p> <p> Jie paskirta <em><! - komentaras -></em> </p> <p> Visa tai yra tarp <! - ir ->, programa laikoma tokiu būdu. Atkreipkite dėmesį, kad jūs negalite įdėti komentaro žymą kitoje žyma komentarą. Nes kaip tik jūs atidaryti <! -, visi, kad eina, tai nebus rodomas. Informacija nebus matomas, kol prižiūrėtojas nematys uždarymo tegus ->. </p> <p> Tokio aptvarą pavyzdys: </p> <p> <em><! - pirmas, kuris pakomentuos <! - antrą komentarą -> tęsinys pirmojo komentaro -></em> </p> <p> naršyklė bus toks rezultatas </p> <p> <em>tęsinys pirmojo komentaro -></em> </p> <p> Bet iš <em><gabalas - pirmas, kuris pakomentuos <! - antrą komentarą -></em> nebus matomas. Antroji atidarymo žymė <! - buvo ignoruojami ir vertinami kaip paprastas tekstas. </p> <h2> Į tekstą Veiklos sritys </h2><p> Pavadinimas nurodo ne tik į galvą skyriuje naudojant žymės pavadinimą. Atsižvelgiant į antraštės kontekste turi būti nurodyta nebūtinai. Kadangi tik vartotojas mato. </p> <p> Antraštės būna įvairiais lygiais. Taigi hierarchija tekste. Lygiaverčiai apimtys, skyriai, pastraipos knygoje. </p> <p> Jis yra tik 6 lygiai. Pagrindinis antraštė paskirta <h1> antraštė </ h1>. Kalbant apie skatinant puslapio tekstą H1 žodžius ir pavadinimas turėtų būti tas pats. Be to, H1 iš estetinės požiūriu, turėtų būti tik vienas. Bet tai nereiškia, kad naršyklė netvarko vėliau h1. Jie gali daryti viską, ką nori, bet tai nėra pageidautina. </p> <p> Dėl subpozicijų naudoti žymeles iš h2 iki H6. Jie yra taip - vadinamas pavadinimas pirmą, antrą, trečią, ketvirtą, penktą ir šeštą lygį. Taigi sukurti įdėtos duomenis ir skirstymas į kategorijas. </p> <p> Ji atrodo taip. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="sukurti nuorodas html puslapius" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> pastraipa </h2><p> Pagrindinis tekstas kodas turite užsiregistruoti žymę <p> ... </ p>. Jis atėjo iš žodžio "dalis". Kiekvienas dalis turėtų užpildyti žymę <p>, o ne formuoti viską vienoje krūvoje. Normalus linija pertraukos nebus tvarkomi. Viskas bus nurodyti vienoje eilutėje. Dėl pervedimų reikia naudoti <a href="https://lt.unansea.com/eilutes-luzi-i-html-naudoti-tegus-br/"><br> žyma.</a> </p> <p> Atkreipkite dėmesį, kad žyma perdavimo nėra uždarytas. Jis yra vienas. </p> <p> Apsvarstykite pavyzdyje eilutės. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Puškino eilėraščius" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Įvairūs žymės, be to, jos "vardo", yra atributas. Pavyzdžiui, žyma dalis turi atributą "derinimą", kuri yra pažymėta align. Jis gali būti nustatytas į kairę, į dešinę, centrą. Tai reiškia, kad iš kairę arba į dešinę arba centre suderinimas. </p> <h2> naudojant nuorodos </h2><p> Jūs tikriausiai jau maniau: kaip sukurti HTML puslapį su nuorodomis? Sudėtinga apie tai nieko. Sukurti nuorodas HTML puslapį yra labai paprasta. Šiam tikslui yra specialus žymė <a>. Jis turi savo būtinų atributų. Tinkamas ryšys atrodo taip: </p> <p> <em><a Href="http:// svetainėje /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> nuorodos tekstas </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="sukurti nuorodas html puslapius" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Jei neturite nurodyti adresą ir tekstą, tada ši nuoroda bus nenaudingas ar nematomas vartotojui. </p> <h2> išvada </h2><p> Yra žymių daug, ir kiekvienas turi savo atributų. Po svarstymo šią informaciją, jūs turite suprasti, kaip sukurti tinklalapio HTML. </p> <p> Siekiant išplėsti savo žinias šioje srityje, jūs turite perskaityti daugiau knygų ir naudoti oficialią nuorodą žymelių HTML, kuri yra ant svetainę W3C. Jei nenorite naudoti periodiškai atnaujinamą katalogą kalbos autorių, jums bus sunku tapti profesinės šioje srityje. </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://lt.unansea.com/kaip-pasalinti-autocad-visiskai-is-savo-kompiuterio-autocad-programa-ir-salinimo-instrukcijos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/86db59427e040ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/86db59427e040ec7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/kaip-pasalinti-autocad-visiskai-is-savo-kompiuterio-autocad-programa-ir-salinimo-instrukcijos/"> <p>Kaip pašalinti "AutoCAD" visiškai iš savo kompiuterio? AutoCAD programa: ir šalinimo instrukcijos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/kaip-i-bios-itraukti-bet-kokio-tipo-diska/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/abf5d9fb7e260ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/abf5d9fb7e260ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/kaip-i-bios-itraukti-bet-kokio-tipo-diska/"> <p>Kaip į BIOS įtraukti bet kokio tipo diską?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/jus-nezinote-kaip-flash-marsrutizatoriu-ne-problema/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/36043c7c6fd80e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/36043c7c6fd80e98-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/jus-nezinote-kaip-flash-marsrutizatoriu-ne-problema/"> <p>Jūs nežinote, kaip "flash" maršrutizatorių? Ne problema!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</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://lt.unansea.com/kas-yra-uzkarda/"> <p>Kas yra užkarda?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</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://lt.unansea.com/kodel-ne-google-chrome/"> <p>Kodėl ne "Google Chrome"</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/screenshot-kaip-daryti-htc-ekranowym/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2b12c5937e0c0ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2b12c5937e0c0ed1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/screenshot-kaip-daryti-htc-ekranowym/"> <p>Screenshot kaip daryti HTC ekranowym</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</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://lt.unansea.com/restoranas-pagal-celsiju-adresas-meniu-apzvalgos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8ccaa1f07e6b0ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8ccaa1f07e6b0ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/restoranas-pagal-celsiju-adresas-meniu-apzvalgos/"> <p>Restoranas "pagal Celsijų": adresas, meniu, apžvalgos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Maisto ir gėrimų</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/darling-idomus-vardas-pavarde-evdokia/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3359de3570630eab-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3359de3570630eab-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/darling-idomus-vardas-pavarde-evdokia/"> <p>Darling įdomus vardas, pavardė - Evdokia</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Naujienos ir visuomenė</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/sildymo-problema-hdd-temperatura/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/fa186df854560e39-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/fa186df854560e39-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/sildymo-problema-hdd-temperatura/"> <p>Šildymo problema: HDD temperatūra</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompiuteriai</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://lt.unansea.com/kraujo-grupe-mityba-tai-valgymo-gyvenimo-budas/"> <p>Kraujo grupė mityba - tai valgymo gyvenimo būdas</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sveikata</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/marmaris-resort-deluxe-hotel-5-turistu-aprasymas-nuotraukos-ir-apzvalgos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/39f62e4c703d0ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/39f62e4c703d0ea7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/marmaris-resort-deluxe-hotel-5-turistu-aprasymas-nuotraukos-ir-apzvalgos/"> <p>Marmaris Resort Deluxe Hotel 5 *: turistų aprašymas, nuotraukos ir apžvalgos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Keliaujantys</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://lt.unansea.com/avinas-vezys-priesingybes-suderinamumo/"> <p>Avinas Vėžys: priešingybės suderinamumo</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Intelektinės plėtra</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://lt.unansea.com/kadastro-faila-funkcija-ir-politika/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/eabe39577e910eda-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/eabe39577e910eda-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/kadastro-faila-funkcija-ir-politika/"> <p>Kadastro failą: funkcija ir politiką</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teisė</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/satyrs-ir-nimfos-gamtos-dievybe/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e7907f2d7e2c0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e7907f2d7e2c0ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/satyrs-ir-nimfos-gamtos-dievybe/"> <p>Satyrs ir nimfos - gamtos dievybė</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formavimas</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/bugrinsky-tiltas-atradimas-bugrinsky-tiltas-izoliacija-foto/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c75396e770920eab-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c75396e770920eab-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/bugrinsky-tiltas-atradimas-bugrinsky-tiltas-izoliacija-foto/"> <p>Bugrinsky tiltas: atradimas. Bugrinsky tiltas: Izoliacija (foto)</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Naujienos ir visuomenė</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/park-hotel-volzhskaya-riviera-saratovas-apzvalgos-aprasymai-ir-apzvalgos/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/fbe999c67e4f0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/fbe999c67e4f0ecf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/park-hotel-volzhskaya-riviera-saratovas-apzvalgos-aprasymai-ir-apzvalgos/"> <p>"Park Hotel" Volzhskaya Riviera ", Saratovas: apžvalgos, aprašymai ir apžvalgos</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Keliaujantis</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://lt.unansea.com/koki-maista-keliauti-traukiniu-jei-tai-yra-ilgas-kelias/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c4745337702a0e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c4745337702a0e9f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://lt.unansea.com/koki-maista-keliauti-traukiniu-jei-tai-yra-ilgas-kelias/"> <p>Kokį maistą keliauti traukiniu, jei tai yra ilgas kelias?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Keliaujantis</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://lt.unansea.com/kaip-uzvirinti-briar/"> <p>Kaip užvirinti Briar</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Naujienos ir visuomenė</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 lt.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>