Kompyuterlar, Dasturiy ta'minot

HTML-sahifa yaratish uchun qanday: rioya asta-sekin va tavsiyalar texnologiyasi

Siz HTML-sahifa yaratish uchun qanday deb o'ylaysiz? Buning uchun, siz bir necha soat sarflash kerak, va siz bilib oladi HTML asoslari. Va siz birinchi sahifa 5 daqiqa imkoniyatiga ega bo'ladi yaratish.

HTML HyperText Markup Language turibdi. Tarjima, u "Hypertext Markup Language" degan ma'noni anglatadi. Bu HTML tushunish uchun muhim ahamiyatga ega, - u dasturlash tili, masalan belgilarini sayt emas.

Barcha zamonaviy brauzerlar uni tan ega. oldindan muallif tomonidan mo'ljallangan edi So'ngra ular, foydalanuvchi uchun qulay tarzda ma'lumotlarni ko'rsatadi.

Bu til maxsus belgilaridan foydalanadi. Har bir tegi vazifasi bor. Ulardan bir poda. Ideal, siz hamma narsani o'rganishimiz kerak. Lekin boshlovchi asosiy bilim uchun etarli bo'ladi.

HTML asoslari

Agar HTML-sahifa yaratish mumkin oldin, u nima bilish kerak. element va yorlig'i: bu tilda, ikki tushunchalar bor.

element boshlanadi va bir ochilish foydalanish va Yakunlovchi yorlig'i yopiladi qaerda belgilash. Bu kabi ko'rinadi.

kontent

Ko'rib turganingizdek, ochilish va yopilish tegi "/" tomonidan faqat farq qiladi.

Barcha HTML-hujjat, bu unsurlarning to'plamidir. hujjatning tuzilishi uchun muayyan talablar bor. Barcha sahifa tarkibi ikki teglar o'rtasidagi bo'lishi kerak va . Agar kodni yozganda, darhol ochilish va yopilish teg pastga qo'yish odat olish.

Shuningdek tilining HTML tuzilishi o'z tizmasidan iborat ekanini unutmang. Aks holda, u joylashtirish deyiladi. HTML tegi barcha boshqalar uning ichida, chunki, eng muhim ahamiyatga ega.

HTML, ikki bola elementlar mavjud:

... ;
.. .

HEAD bo'limida turli xil xizmat ma'lumotlarini bildiradi. -brauzerida ko'rsatilgan Bu ma'lumot yo'q. Barcha dasturlar, robotlar va yanada ko'proq uchun Ishlab chiquvchilar uchun Misol uchun, ko'rsatmalar.

eng muhim narsa - hech mazmun bor.

BODY bo'limi foydalanuvchiga paydo bo'ladi hujjat, mazmunini belgilaydi.

Bu bo'lishi va 10 sub-mahsulot mumkin darhol, davlat va xususiy teglar qilishni o'rganish. Bundan tashqari, qulaylik uchun, ichki teglar cökertilmiş qilish. Misol uchun, bu kabi.

"Ichki" - Shunday qilib, teng ahamiyati teglar shu darajada edi, va bola hosil qilish. Shunday qilib, ancha oson o'qish va kodning muayyan parcha qidirish uchun. Aks holda, chigal olishingiz mumkin. Lekin maydon uchun tejash bosh va tana teglar padding holda amalga oshirilishi mumkin emas. Shunday qilib, hech narsa Chuqurchaga edi boshqalarga keladi. Har bir narsa ajratish maqsadga muvofiqdir.

oddiy HTML sahifa yaratish uchun qanday

kodini yozish uchun sizga muharriri ayrim turdagi kerak. Ulardan bir poda. Mashhur Notepad ++ va Adobe Dreamweaver bo'ladi. Bundan tashqari, daftar foydalanishingiz mumkin.

Bu erda nima Notepad ++ Tahririyatdan.

Bu juda samimiy muharriri va u bepul. Yuqoridagi Adobe Dreamweaver qaratilmoqda. yozish uchun mo'ljallangan muharriri farqli o'laroq HTML kodni ped dan - deb maxsus teglar ta'kidlangan. u, yanmazsa, u yozdim siz noto'g'ri, degan ma'noni anglatadi.

nur tilini mos uchun, u sozlash belgilash zarur.

ning Notepad bir HTML sahifa yaratish uchun qanday qaraylik. Bu, texnik qismini tugatish va keyin faqat tegi o'rganishga harakat qiladi.

notebook HTML veb-sahifa yaratish uchun qanday

Birinchidan, daftar ochish.

So'ngra quyidagi ekran tasvirini belgilangan, deb unda kiriting.

uning qo'llarini emas, balki faqat bir nusxasi yozish uchun ishlatiladigan oling. Agar qo'llaringizni yozish paytida, siz yaxshiroq butun tegi bazasini yod.

So'ngra menyusida "Faylni saqlash" va fayl nomini ko'rsating bosing, lekin kengaytirish .html bilan.

Fayl Brauzer ochilib, natija bahramand bo'lishi mumkin. notebook HTML veb-sahifa yaratish uchun qanday Endi siz aniq bo'lishi kerak.

Jahon konsortsiumi W3C

ishlab chiqadi va Internet uchun barcha standartlarga amalga oshiradi W3C, kabi tashkilot mavjud. Barcha brauzerlarda bu qoidalarga muvofiq sahifalar uchun bu standartlar va jarayon tartibi (lar) bo'ysunadi.

HTML ishlab rasmiy veb-sayti, siz ulardan foydalanish bilan bog'liq barcha teglar va qoidalariga bir stol topish mumkin. Ushbu maqolada biz eng asosiy qarash.

Siz to'g'ri bo'lishi mumkin, nima haqida o'ylashingiz mumkin? Bu barcha teglar tavsiya bor. Ulardan bir necha:

Ixtiyoriy kirish.
Man.
Bo'sh tegi.
eskirgan
Yo'qolgan.

HTML teglar

Agar HTML-sahifa yaratish mumkin oldin, HEAD xizmat bo'lish, deb tushunish kerak.

sohasida HEAD ikkala majburiy va ixtiyoriy teglar mavjud. Majburiy tegi header anglatadi. Bu nomi </ title> bilan belgilanadi. U butun hujjatga tayinlangan. Va siz Google qidiruvi natijalarini ko'rib, nima - yorlig'i unvonini. </p> <p> Biz BODY bo'limga o'girib. brauzerida ko'rsatiladi elementlar bor, va nodavlat ko'rsatilgan bor. Misol uchun, izoh foydalanuvchiga aks etmaydi. Agar jamoada ish bo'lsa, ular yozuvlari yoki boshqa xodimlari uchun maslahatlar uchun foydalanish mumkin. </p> <p> Ular tayinlangan <em><! - izoh -></em> </p> <p> <! - va -> bu tarzda qaraladi, dastur barcha orasidagi hisoblanadi. Agar boshqa tegi fikrlaringizda Fikr teg qo'yish mumkin emas, deb iltimos unutmang. Chunki eng qisqa vaqt ichida ochish kabi <! -, davom hamma u aks bo'lmaydi. işeyici yopilish teg ko'rmaysiz Axborot uzoq deb aniq bo'lmaydi ->. </p> <p> bunday panjaralari misol: </p> <p> <em><! - birinchi izoh uchun <- ikkinchi izoh -> birinchi izoh davomidir -></em> </p> <p> brauzer quyidagilardan natija bo'ladi </p> <p> <em>birinchi izoh davomidir -></em> </p> <p> Lekin <em><bir</em> parcha <em>- birinchi izoh uchun <- ikkinchi izoh -></em> aniq bo'lmaydi. Ikkinchi ochilish tegi <! - e'tiborsiz va matn sifatida namoyon. </p> <h2> Matnda Sarlavhalar </h2><p> Sarlavha Sarlavha yorlig'i yordamida HEAD bo'limida nafaqat belgilaydi. Sarlavha ma'noda, albatta, belgilangan bo'lishi kerak. faqat foydalanuvchi ko'radi beri. </p> <p> Xabarlar darajada turli keladi. Shunday qilib matnda bir ierarxiyasi. Teng hajmlari, boblari, bir kitobda paragraflar. </p> <p> Bu faqat 6 darajalari hisoblanadi. Asosiy sarlavha <h1> nomi </ h1> tayinlanadi. h1 Tags sahifa matnni rag'batlantirish nuqtai nazaridan, va unvoni, bir xil bo'lishi kerak. Bundan tashqari, nuqtai estetik nuqtai nazaridan h1, faqat bitta bo'lishi kerak. Lekin, bu brauzer keyingi H1 band bo'lmaydi, degani emas. Ular kerakli barcha qila olaman, lekin bu orzu emas. </p> <p> quyi to'plamlar uchun h6 uchun H 2 dan teglar foydalaning. Ular etiladi - birinchi, ikkinchi, uchinchi, to'rtinchi, beshinchi va oltinchi darajadagi unvon chaqirdi. Shunday qilib, bir ichki o'tgan ma'lumotlar va toifalarga bo'linishi yaratish. </p> <p> Bu kabi ko'rinadi. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="ishoratlar html sahifalarni yaratish" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> paragraf </h2><p> kodi asosiy matn siz teg <p> ... </ p> uchun, ro'yxatdan o'tishingiz kerak. U so'z "bandiga" dan kelgan. Har bir paragraf teg <p> to'ldirish, va bir qoziq har bir narsani haykaltaroshlik kerak emas. Oddiy satr oxiri qayta qilinmaydi. Hamma narsa bitta chiziq ko'rsatadi. o'tkazmalari uchun foydalanish kerak <a href="https://uz.unansea.com/html-bir-satr-oxirini-tegi-br-foydalanish/">Asosiy Foydalanuvchining teg.</a> </p> <p> teg uzatish yopiq emas, deb iltimos unutmang. U yagona hisoblanadi. </p> <p> misol oyat o'ylab ko'ring. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Pushkinning she'rlari" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Turli teglar, uning "nomi" bilan bir qatorda, bir xususiyati bor. Misol uchun, bir xat Hizala ifodalanadi bir xususiyati "keyingisini", bor. Bu, o'ng, markaz chapga belgilash mumkin. Bu, chap yoki o'ng yoki markazining hizalanmasıdır. </p> <h2> yo'nalishlarga foydalanish </h2><p> Ehtimol, allaqachon o'yladi ayting: Ishoratlarni bilan HTML-sahifa yaratish uchun qanday? bu haqda murakkab hech narsa yo'q. ishoratlar HTML sahifa yaratish juda oson. Bu maqsadda maxsus tegi <a> bor. Bu uning zarur xususiyatlarga ega bo'ladi. To'g'ri bog'laning bu kabi ko'rinadi: </p> <p> <em><a href="http:// sayt /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> bog'laning matn </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="ishoratlar html sahifalarni yaratish" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Agar manzil va matn belgilash bo'lmasa, u holda bu bog'laning foydalanuvchiga foydasiz yoki ko'rinmas bo'ladi. </p> <h2> xulosa </h2><p> U erda teglar juda ko'p, va har bir sifatlaridan o'z belgiladi. Bu ma'lumotni o'qib so'ng, veb-sahifa HTML yaratish uchun qanday tushunish kerak. </p> <p> Bu sohada bilimlarini kengaytirish maqsadida, siz ko'proq kitob o'qish va sayt W3C joylashgan HTML, rasmiy yozuvlar teglar foydalanish kerak bo'ladi. Agar til mualliflar vaqti-vaqti bilan yangilanib katalogini foydalanish bo'lmasa, ushbu sohada professional bo'lishga qattiq bo'ladi. </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://uz.unansea.com/google-toolbar-yaratish-hozirgi-vaziyat-uchun/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c42b93de6fbd0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c42b93de6fbd0e99-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/google-toolbar-yaratish-hozirgi-vaziyat-uchun/"> <p>Google Toolbar - yaratish hozirgi vaziyat uchun</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</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://uz.unansea.com/eng-yaxshi-video-muharriri/"> <p>Eng yaxshi Video muharriri</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</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://uz.unansea.com/qanday-sahifa-contact-yashirish-uchun-yoki-charchab-butun-bolsa-nima-qilish-kerak/"> <p>Qanday sahifa "Contact" yashirish uchun, yoki charchab, butun bo'lsa, nima qilish kerak?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</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://uz.unansea.com/skype-tilini-qanday-ozgartirish-mumkin-yangi-boshlanuvchilar-uchun-maslahatlar/"> <p>Skype tilini qanday o'zgartirish mumkin? Yangi boshlanuvchilar uchun maslahatlar</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/ochiq-fayllar-doc-boshlanuvchilar-uchun-qollanma/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8c6f91cc6fbd0e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8c6f91cc6fbd0e96-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/ochiq-fayllar-doc-boshlanuvchilar-uchun-qollanma/"> <p>Ochiq fayllar doc? Boshlanuvchilar uchun qo'llanma</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/rasmlar-qanday-arxivlanadi-zaxirani-sozlash/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7af2a27670200e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7af2a27670200e9f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/rasmlar-qanday-arxivlanadi-zaxirani-sozlash/"> <p>Rasmlar qanday arxivlanadi? Zaxirani sozlash</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompyuterlar</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://uz.unansea.com/qanday-parabol-yuqori-topish-va-uni-qurish/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/fc5755a961bc0e62-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/fc5755a961bc0e62-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/qanday-parabol-yuqori-topish-va-uni-qurish/"> <p>Qanday parabol yuqori topish va uni qurish</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Yaratish</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/sharhlar-antihrap-klip-qanday-samarali-va-videokliplar-xavfsiz-foydalanish/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/cbdbf5686f7e0e91-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/cbdbf5686f7e0e91-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/sharhlar-antihrap-klip-qanday-samarali-va-videokliplar-xavfsiz-foydalanish/"> <p>Sharhlar - "Antihrap" klip. Qanday samarali va videokliplar xavfsiz foydalanish</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sog'lik</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://uz.unansea.com/axborot-xavfsizligi-asoslari-bilishing-kerak-nima-zamonaviy-axborot-dunyo-dolandiriciligi-qurboni-bolib-oldini-olish-uchun/"> <p>Axborot xavfsizligi asoslari: bilishing kerak, nima zamonaviy axborot dunyo dolandırıcılığı qurboni bo'lib oldini olish uchun</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Qonun</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/toe-boginlar-uchun-eng-yaxshi-malham-oyoq-boginlar-uchun-isitish-malham/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/67cf5ec37d410ebd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/67cf5ec37d410ebd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/toe-boginlar-uchun-eng-yaxshi-malham-oyoq-boginlar-uchun-isitish-malham/"> <p>Toe bo'g'inlar uchun eng yaxshi malham. oyoq bo'g'inlar uchun isitish malham</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sog'lik</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/gef-ish-dasturi-tuzilishi/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/4d3312137d5a0ebc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/4d3312137d5a0ebc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/gef-ish-dasturi-tuzilishi/"> <p>GEF ish dasturi tuzilishi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Yaratish</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://uz.unansea.com/shisha-ustiga-tovuq-oddiy-va-yanada-mazali-nima-bolishi-mumkin/"> <p>Shisha ustiga tovuq: oddiy va yanada mazali nima bo'lishi mumkin?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Oziq-ovqat va ichimliklar</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://uz.unansea.com/onini-oka-yaratish-tarixi-xususiyatlari/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/1a6944b854560e38-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/1a6944b854560e38-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/onini-oka-yaratish-tarixi-xususiyatlari/"> <p>Onini "Oka". yaratish tarixi, xususiyatlari</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Texnologiya</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/avtomobil-uchun-mercedes-coupe-c-class-texnik-xususiyatlari/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/65fef8d47df10ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/65fef8d47df10ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/avtomobil-uchun-mercedes-coupe-c-class-texnik-xususiyatlari/"> <p>Avtomobil uchun Mercedes Coupe C-Class: Texnik xususiyatlari</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Masofa bosib o'tgan avtomobillar</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/qolidagi-qancha-suyaklar-bor-biz-bilan-birga-tekshirilayotgan/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a2b90cfc6f600e8e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a2b90cfc6f600e8e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/qolidagi-qancha-suyaklar-bor-biz-bilan-birga-tekshirilayotgan/"> <p>Qo'lidagi qancha suyaklar bor? Biz bilan birga tekshirilayotgan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sog'lik</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://uz.unansea.com/mebel-yogochdan-yasalgan-top-5-sabablari-tanlash-uchun/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/46fbf5e270570ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/46fbf5e270570ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/mebel-yogochdan-yasalgan-top-5-sabablari-tanlash-uchun/"> <p>Mebel yog'ochdan yasalgan: Top 5 sabablari tanlash uchun!</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://uz.unansea.com/gogol-tomonidan-romani-taras-bulba-andria-xususiyati/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/f582e31a703e0ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/f582e31a703e0ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://uz.unansea.com/gogol-tomonidan-romani-taras-bulba-andria-xususiyati/"> <p>Gogol tomonidan romani "Taras Bulba" Andria xususiyati</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Madaniyat va san'at</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://uz.unansea.com/byanshi-bilaguzuk-kasalliklarga-qarshi-qora-jade/"> <p>Byanshi bilaguzuk: kasalliklarga qarshi qora jade</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sog'lik</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 uz.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>