Ordenagailuak, Software

Nola sortu HTML-orria: argibideak urratsez urrats, eta gomendio teknologia

HTML-orria nola sortu dela uste duzu? Horretarako, ordu batzuk pasatzeko behar duzu, eta jakingo duzu HTML oinarriak. Eta sortzen duzu zure lehen orria gai izango da, 5 minutu.

HTML HyperText Markup Language dago. Itzulia, "hipertestua markatzeko lengoaia" esan nahi du. Garrantzitsua da HTML hori ulertzeko - ez da programazio hizkuntza bat, alegia, marka-gune.

Nabigatzaile moderno guztiek aitortu gai dira. Ondoren erabiltzailearentzat modu eroso batean informazioa erakusten dituena, aldez zen egileak nahi du.

Hizkuntza honek etiketa bereziak erabiltzen du. Etiketa bakoitzak funtzio bat du. Horietako asko. Ahal izanez gero, dena jakin behar duzu. Baina hasiberri oinarrizko ezagutza nahikoa da.

HTML Basics

Aurretik HTML-orria sortu dezakezu, zer den jakin behar duzu. elementua eta etiketa: hizkuntza honetan, bi kontzeptu daude.

non elementu hasten eta ixten inaugurazio bat erabiliz eta ixteko etiketa zehazteko. Itxura hau bezalakoa da.

edukiaren

Ikusten duzun bezala, inaugurazio eta itxiera etiketa datoz bakarrik "/" arabera.

Guztiak HTML dokumentu elementu horiek multzo bat da. Dokumentuaren egitura eskakizun jakin batzuk daude. Orri Eduki guztiak bi etiketa artean egon behar du eta . Noiz idatzi duzun kodea, hartu ohitura berehala jarri irekitzeko eta ixteko etiketa.

Era berean, gogoratu HTML hizkuntzaren egiturari bere hierarkia propioa du. Bestela, habia da deitu. HTML etiketa garrantzitsuena da, beste guztiak bere barruko daudelako.

HTML, badira bi ume elementuak:

... ;
.. .

HEAD atalean hainbat zerbitzu Informazio zehazten ditu. Informazio hori nabigatzailea da agertzen ez. Adibidez, sustatzaile jarraibideak, programa guztiak, robotak eta gehiagorako.

Garrantzitsuena - ez dago edukirik ez da.

BODY atala dokumentua, eta horrek erabiltzaileari erakutsiko zaion edukia zehazten du.

Ikas berehala egin etiketa publiko eta pribatu, 10 azpi-elementu izan daiteke, eta gisa. Horrez gain, erosotasuna habiaratua etiketa egiten koska. Adibidez, hau gustoko dute.

Beraz, berdintasunaren garrantzia etiketa duten maila berean zeuden, eta umea - "barruan" da. Beraz, askoz errazagoa irakurri eta bilatu kode zati jakin bat. Bestela, nahastu ahal izango dituzu. Baina espazioa aurrezteko da burua eta gorputz etiketa egon padding gabe egin daiteke. Beraz beste guztiak etortzen ezer koska izan. Beste guztia desiragarria banandu da.

Nola HTML orri sinple bat sortzeko

Kodea idazteko editore mota batzuk behar duzu. Horietako asko. Popular Notepad ++ eta Adobe Dreamweaver dira. ere erabil dezakezu koadernoaren.

Hona zer Notepad ++ Editorearen.

oso lagungarria editore da eta doakoa da. Goiko Adobe Dreamweaver ordainduko da. editore idazten diseinatu bezala HTML kodea alfonbra from - etiketa bereziak nabarmentzen dira. Ez badu argitzeko, zuk idatzitako hori okerra da esan nahi du.

Ordena argi hizkuntzan etor daitezen, beharrezkoa da ezarpenak zehaztu.

Dezagun HTML orri bat nola sortu Notepad-en. Hau da, zati teknikoak amaitzeko eta gero, besterik mugitu etiketa azterketa.

Nola web orri bat koaderno HTML sortzeko

Lehenik eta behin, ireki koadernoaren.

Ondoren, idatzi hori honako screenshot zehaztu.

Get bere eskuetan, eta ez bakarrik kopia bat idazteko. Zure eskuak idatzi duzun, hobeto ikasi duzu etiketa datu-base osoa.

Ondoren menuan "Gorde fitxategia" eta fitxategi-izena zehazten gainean klik egin, baina luzapeneko .html batera.

fitxategia daudela zure nabigatzailean ireki daiteke, eta emaitza gozatzeko. Orain argi izan behar duzu web orri bat nola sortu koaderno HTML da.

World Partzuergoak W3C

Ez dago erakunde bat, hala nola, W3C, bertan garatzen eta Internet estandarrak guztiak inplementatzen da. Nabigatzaile guztiek arau eta Prozesu horien diseinua (k) Arau hauek jarraituz orrietan gaia.

HTML garatzaileek web ofiziala, mahai bat aurkitu ahal izango duzu, beren erabilerari buruzko etiketa eta arau guztiekin. Artikulu honetan, begiratu oinarrizkoenak at dugu.

Zer egokia izan daiteke pentsatu ahal duzu? Etiketa hauek guztiak gomendio bat. Horietako zenbait:

Aukerako etiketa.
Debekatuta.
Hutsik etiketa.
zaharkitu
Galdutako.

HTML etiketa

Aurretik HTML-orria sortu dezakezu, hori ulertzeko behar HEAD zerbitzura egon behar duzu.

HEAD inguruan daude biak derrigorrezko eta aukerako etiketa. Derrigorrezko etiketa goiburua erreferentzia. Da Izenburua </ title> bidez adierazten da. He dokumentu osoa esleitzen. Eta zer ikusten duzun Google bilatzailea emaitzak - Etiketa izenburua. </p> <p> buelta BODY atala dugu. Badira nabigatzaileak bistaratzen dira elementuak, eta ez dira ez-bistaratuko. Adibidez, iruzkinak ez dira erabiltzaileari erakutsiko. ohar edo beste langile aholkuak erabil daitezke taldean lan baduzu. </p> <p> gisa izendatutako dute <em><! - comentario -></em> </p> <p> <! - eta ->, modu horretan hartzen duen programa guztiak artean dago. Kontutan izan ezin duzula jarri iruzkin bat etiketa iruzkin beste etiketan. Delako irekitzean bezain laster <! -, hori guztia aurrera doa, ez dira bistaratuko da. Informazioa ezingo da luze bezain ikusgai kudeatzailea izango ez bezala ikusi itxiera etiketa bat ->. </p> <p> hala nola, itxitura bat adibide bat: </p> <p> <em><! - lehena iruzkinak egiteko <! - Bigarren iruzkin -> Lehenengo iruzkin jarraipena -></em> </p> <p> nabigatzaileak honako emaitza izan beharko </p> <p> <em>Lehenengo iruzkin jarraipena -></em> </p> <p> Baina <em><pieza bat! - lehena iruzkinak egiteko <! - Bigarren iruzkin -></em> ezin izango da ikusgai. Bigarren irekitze etiketa <! - ez ikusi egiten eta testu arrunta bezala ikusten zen. </p> <h2> izenburuak testuan The </h2><p> Izenburua zehazten ez bakarrik HEAD atalean izenburua etiketa erabiliz. goiburua testuinguruan nahitaez zehaztu behar da. Erabiltzaile bakarrik ikusten du geroztik. </p> <p> Azalean maila barietate bat etorriko. Horrela testuan hierarkia. Baliokide bolumenak, kapituluak, liburu batean paragrafo. </p> <p> Maila 6 besterik ez da. titular nagusia izendatzen da <h1> Izenburua </ h1>. Orri h1 etiketa testua sustatzeko dagokionez, eta titulua batean bera izan behar du. Gainera, ikuspuntu estetiko batetik h1, ez da bakarra izan behar du. Baina horrek ez du esan nabigatzaileak ez duela kudeatzeko ondorengo h1. Nahi duzun guztia egin ahal izango dute, baina hori ez da desiragarria. </p> <p> subheadings erabili etiketa h2 tik H6. dira hain dute - lehen, bigarren, hirugarren, laugarren, bosgarren eta seigarren mailako titulua izeneko. Beraz, sortu habiaratutako datuak eta kategoriatan zatiketa. </p> <p> Itxura hau bezalakoa da. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="sortzen loturak html orriak" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> paragrafoan </h2><p> Kodea testua nagusia etiketa <p> ... </ p> erregistratu behar duzu. hitza "paragrafo" zetorren zuen. paragrafo bakoitzak etiketa <p> beteko duen, eta ez dena zizelkatzeko pila bat. Normal line break ez da prozesatu. Dena izango da lerro bakar batean adierazi. transferentziak beharra erabili <a href="https://eu.unansea.com/line-break-a-html-hauetan-erabili-etiketa-br-du/"><br> etiketa.</a> </p> <p> Kontutan izan Etiketa transferentzia hori ez dago itxita. single da. </p> <p> Demagun adibidez bertso on. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Pushkin poema" width="700" height="627" layout="intrinsic"></amp-img></p> <p> etiketa desberdinak, bere "izena" ez ezik, badira attribute bat da. Adibidez, paragrafo etiketa atributu "lerrokatzea" an, eta horrek adierazten da lerrokatu ditu. It ezar daiteke, ezkerretik eskuinera, zentroa. Hau da, ezkerreko edo eskuineko edo erdiko lerrokatzea. </p> <h2> loturak erabiliz </h2><p> Ziurrenik Jada pentsatu duzu: HTML orriko estekak nola sortu? horri buruz konplikatuak ez dago ezer. Sortu loturak HTML orri oso erraza da. Horretarako ez Etiketa <a> berezi bat da. Bere eskatutako atributuak ditu. Egokia link itxura hau du: </p> <p> <em><a href="http:// gune /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> link testu </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="sortzen loturak html orriak" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Ez baduzu, helbide bat eta testu zehaztu, orduan lotura hau alferrikakoa edo ikusezin erabiltzaileari izango da. </p> <h2> ondorio </h2><p> Ez dago etiketa asko daude, eta bakoitzak bere ezaugarri propioak ditu. Informazio hau irakurri ondoren, web orri HTML nola sortu ulertu behar duzu. </p> <p> Ordena beren ezagutza zabaltzeko arlo honetan ere, liburu gehiago irakurri eta erabili erreferentzia etiketa ofiziala HTML, den gune W3C gainean dago behar duzu. Ez baduzu erabil hizkuntzan egileek direktorioa aldiro eguneratzen, gogorra izan profesional bilakatu eremu honetan izango duzu. </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://eu.unansea.com/ez-zen-porrota-shockwave-flash-a-zer-gertatuko/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/4f85944461d60e64-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/4f85944461d60e64-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/ez-zen-porrota-shockwave-flash-a-zer-gertatuko/"> <p>Ez zen porrota Shockwave Flash a Zer gertatuko</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/nola-gidariaren-instalatzeko-inprimagailura-aholkuak-eta-trikimailuak/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/ed97167870740ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/ed97167870740ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/nola-gidariaren-instalatzeko-inprimagailura-aholkuak-eta-trikimailuak/"> <p>Nola gidariaren instalatzeko inprimagailura: aholkuak eta trikimailuak</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</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://eu.unansea.com/nola-aurkezpen-bat-egiteko-powerpoint-in-etapa-nagusiak/"> <p>Nola aurkezpen bat egiteko PowerPoint in: etapa nagusiak</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/system-pc-software/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0b27fab770560ea4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0b27fab770560ea4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/system-pc-software/"> <p>System PC software</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/mass-effect-3-sistema-eskakizunak-eta-ikuspegi-orokorra/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/23f25b827e6a0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/23f25b827e6a0ece-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/mass-effect-3-sistema-eskakizunak-eta-ikuspegi-orokorra/"> <p>Mass Effect 3 Sistema-eskakizunak eta ikuspegi orokorra</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/zer-da-caps-eta-zergatik-teklatua-modua-behar-dugu/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3bac89217df80ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3bac89217df80ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/zer-da-caps-eta-zergatik-teklatua-modua-behar-dugu/"> <p>Zer da "Caps", eta zergatik teklatua modua behar dugu?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ordenagailuak</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://eu.unansea.com/top-gear-liderra-izenak-argazkiak/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/89d791ae7d7b0ec0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/89d791ae7d7b0ec0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/top-gear-liderra-izenak-argazkiak/"> <p>"Top Gear" Liderra: izenak, argazkiak</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kultura</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/petr-koukal-estatistikak-helburuak-klub/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0ebf709b7ddb0ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0ebf709b7ddb0ec7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/petr-koukal-estatistikak-helburuak-klub/"> <p>Petr Koukal: estatistikak, helburuak, klub</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kirol eta Fitness</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://eu.unansea.com/ondarea-derrigorrezko-kuota/"> <p>Ondarea Derrigorrezko kuota</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Legeak</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/ez-garbigailuaren-atea-ireki-ditzakeen-arrazoiak-eta-arazoa-konpondu/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8d47e7337e4d0ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8d47e7337e4d0ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/ez-garbigailuaren-atea-ireki-ditzakeen-arrazoiak-eta-arazoa-konpondu/"> <p>Ez garbigailuaren atea ireki - ditzakeen arrazoiak eta arazoa konpondu</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://eu.unansea.com/kanpoko-aerated-hormigoizko-etxeko-akabera-aukera-aholkuak/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7ac26bf47dbb0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7ac26bf47dbb0eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/kanpoko-aerated-hormigoizko-etxeko-akabera-aukera-aholkuak/"> <p>Kanpoko aerated hormigoizko etxeko akabera: aukera aholkuak</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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/pertsona-fisiko-eta-juridikoen-zerga-elementuak/"> <p>Pertsona fisiko eta juridikoen zerga-elementuak</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Finantza</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://eu.unansea.com/gas-dielektriko-bategitearen-istripu-prebentzioa/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/2d1655a67dd30ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/2d1655a67dd30ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/gas-dielektriko-bategitearen-istripu-prebentzioa/"> <p>Gas Dielektriko bategitearen. istripu prebentzioa</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://eu.unansea.com/herriaren-delphi-grezia-ikuskizunak-argazkiak/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/549c32837eaf0ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/549c32837eaf0ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/herriaren-delphi-grezia-ikuskizunak-argazkiak/"> <p>Herriaren Delphi, Grezia: ikuskizunak, argazkiak</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Bidaiatzea</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/sony-iksperiya-c3-the-jabeek-ezaugarriak-bildu-sony-iksperiya-c3-duala-berrikuspen/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/fe4ecf9470450ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/fe4ecf9470450ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/sony-iksperiya-c3-the-jabeek-ezaugarriak-bildu-sony-iksperiya-c3-duala-berrikuspen/"> <p>"Sony Iksperiya C3": the jabeek, ezaugarriak bildu. "Sony Iksperiya C3 duala": berrikuspen</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologia</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/preposizioak-juntagailuak-partikula-ortografia/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/6a25f591702d0e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/6a25f591702d0e9d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/preposizioak-juntagailuak-partikula-ortografia/"> <p>Preposizioak, juntagailuak, partikula: ortografia</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Eraketa</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/gazprombank-kontsumo-hassle-handirik-gabe-kreditu/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/11b981a76f8a0e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/11b981a76f8a0e94-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/gazprombank-kontsumo-hassle-handirik-gabe-kreditu/"> <p>Gazprombank: kontsumo hassle handirik gabe, kreditu</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Finantza</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://eu.unansea.com/boris-livanov-aktore-zuzendari-eta-besterik-gabe-gizon/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a01f97dc7e100ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a01f97dc7e100ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://eu.unansea.com/boris-livanov-aktore-zuzendari-eta-besterik-gabe-gizon/"> <p>Boris Livanov: aktore, zuzendari, eta, besterik gabe gizon</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Berriak eta Gizartea</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 eu.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>