HTML səhifəni necə yaratmaq düşünürsən? Bunu etmək üçün bir neçə saat sərf etməliyik və HTML əsaslarını biləcəksiniz . Və ilk səhifəinizi 5 dəqiqə ərzində yarada bilərsiniz.
HTML, HyperText Markup Language üçün nəzərdə tutulur. Tərcümədə "hipermetin biçimlendirme dili" deməkdir. HTML ancaq bir proqramlaşdırma dili deyil, veb-sayt formatı olmadığını başa düşmək vacibdir.
Bütün müasir brauzerlər onu tanıyır. Daha sonra müəllif tərəfindən planlaşdırıldığı kimi, məlumatı istifadəçi üçün rahat formada təqdim edirlər.
Bu dildə xüsusi etiketlər istifadə olunur. Hər bir etiket öz funksiyasını yerinə yetirir. Onların bir çoxu var. İdeal olaraq, hər şeyi öyrənməlisiniz. Amma bir başlanğıc əsas bilik kifayətdir.
HTML əsasları
Bir HTML səhifəsi yaratmadan əvvəl, bunun nə olduğunu bilmək lazımdır. Bu dildə iki anlayış var: element və etiket.
Bu elementin harada başladığını və bağlanıldığını göstərmək üçün açılış və bağlanma etiketi istifadə edin. Buna bənzəyir.
məzmun
Gördüyünüz kimi açılış və bağlanma etiketləri yalnız "/" fərqlidir.
Bütün HTML sənəd bu elementlərin toplusudur. Sənədin strukturu üçün müəyyən tələblər var. Bütün səhifə məzmunu iki və etiketləri arasında olmalıdır. Kod yazarkən, açılış və bağlanma etiketini dərhal qurma vərdişini götürün.
HTML dilinin strukturunun öz ierarxiyasına malik olduğunu da unutmayın. Əks halda bu yuva adlanır. Hər kəsin içərisində olduğu üçün HTML etiketi ən vacibdir.
HTML-də iki uşaq var:
HEAD bloku müxtəlif xidmət məlumatlarını göstərir. Bu məlumat brauzerdə görünmür. Məsələn, inkişafçılar üçün təlimatlar, hər hansı bir proqram üçün, robotlar üçün və daha çox.
Ən əsası burada heç bir məzmun yoxdur.
BODY bölmədə istifadəçi tərəfindən göstəriləcək sənədin məzmunu göstərilir.
10 ədəd iç içə element ola biləcəyi üçün etiketləri bir an əvvəl açmaq və bağlamaq üçün məlumat əldə edin. Bundan əlavə, rahatlığınız üçün iç içə etiketlərin girintili olması məsləhətdir. Məsələn, bu kimi.
Beləliklə, əhəmiyyətli etiketlərin bərabər səviyyədə olması eyni səviyyədədir və uşaqlar "içərisindədir". Buna görə kodun lazımlı hissəsini qəbul etmək və axtarış üçün daha əlverişlidir. Əks halda, qarışıqlıq əldə edə bilərsiniz. Ancaq yerdən qorumaq üçün kafa və bədən etiketləri indenting olmadan edilə bilər. Bu, hər kəsin lazımsız bir girintisi olmadığı üçün edilir. Bütün qalanları ayırmaq arzulayır.
Sadə bir HTML səhifə yaratmaq necədir
Kod yazmaq üçün bir növ redaktor lazımdır. Onların bir çoxu var. Notepad ++ və Adobe Dreamweaver məşhurdur. Siz də bir notebook istifadə edə bilərsiniz.
Bu, Notepad ++ redaktoru göründüyü kimi.
Bu, çox rahat bir redaktor və eyni zamanda pulsuzdur. Yuxarıdakı Adobe Dreamweaver ödənişli bir vasitədir. Bir notebookdan HTML kodu yazmaq üçün nəzərdə tutulan redaktorlar arasındakı fərq xüsusi etiketlərin vurgulanmasıdır. Vurguluyorsa, səhv yazdın.
Arka ışığın dil ilə eşleşmelerini təmin etmək üçün ayarları belirtmeniz lazımdır.
Qeyd edək ki, Notepad-də bir HTML-səhifə yaradın. Yəni texniki hissəni bitiririk və daha sonra etiketlərin öyrənilməsinə birbaşa gedirik.
Notepad HTML-də bir web page yaratmaq
Birincisi, notepad açın.
Sonra növbəti screenshotda göstərilənləri yazın.
Yalnız əllərinizi yazmaq üçün istifadə edin. Əlinizlə yazarkən bütün etiket məlumat bazasını yaxşı xatırlayırsınız.
Bundan sonra, "Faylı Saxla" menyusuna vurun və hər hansı bir fayl adı göstərin, lakin uzantısı ilə .html.
Bundan sonra, faylı brauzerdə aça və nəticəyə heyran olursunuz. İndi notepad HTML-də bir web page yaratmağı necə başa düşməlisiniz.
Dünya Konsorsiumu W3C
İnternet üçün bütün standartları inkişaf etdirən və tətbiq edən W3C kimi bir təşkilat var. Bütün tarayıcılar bu qaydalara uyğun olaraq bu standartlara və prosesi səhifə düzəldilməsinə (kodlarına) uyğun gəlir.
HTML tərtibatçıları rəsmi saytında istifadə üçün bütün etiket və qaydaları olan bir masa tapa bilərsiniz. Bu yazı çərçivəsində ən əsas düşünürük.
Qaydaların nə ola biləcəyini düşünürsən? Bütün təsvir edilən etiketlərin öz təklifləri var. Onlardan bir neçəsi var:
- Əlavə etik.
- Qadağan.
- Boş etiket.
- Köhnəlmiş
- Lost.
HTML-də etiketlər
Bir HTML səhifə yaratmadan əvvəl, HEAD-in xidmət hissəsində nə olacağını başa düşməlisiniz.
HEAD ərazisində həm məcburi, həm də əlavə etiketlər vardır. Məcburi bir etiket bir başlıqdır.
Başlıq </ title> ilə göstərilir. Bütün sənəd üçün təyin edilir. Nəticədə Google axtarış mühərriki ilə gördüyünüz mövzu başlıq etiketi. </p>
<p> BODY bölməsinə keçək. Brauzerdə görünən elementlər var və göstərilməyənlər var. Məsələn, şərhlər istifadəçiyə göstərilmir. Bir qrupda işləsəniz, qeydlər üçün və ya digər işçilərə işarə etmək üçün istifadə edilə bilər. </p>
<p> Bunlar <em><! - comment -></em> kimi təyin edilir </p>
<p> <! - və -> arasındakı hər şey, proqramla bu şəkildə qiymətləndirilir. Bir şərh etiketi başqa bir şərh taguna əlavə edə bilməzsiniz. <! - açdığınız vaxtdan bəri davam edən hər şey göstərilməyəcək. İşləyicinin bağlanma etiketini gördüyü qədər məlumat görünməyəcək ->. </p>
<p> Bu yuva nümunəsi: </p>
<p> <em><! - ilk şərh <! - ikinci şərh -> ilk şərhin davamı -></em> </p>
<p> Brauzerdə nəticə aşağıdakı olacaqdır </p>
<p> <em>İlk şərhin davamı -></em> </p>
<p> Amma parça <em><! - ilk şərh <! - ikinci şərh -></em> görünməyəcək. İkinci açılış <! - tag yox idi və düz mətn kimi qəbul edildi. </p>
<h2> Mətndə başlıqlar </h2><p> Başlıq yalnız başlıq etiketli HEAD bölməsində göstərilmir. Kontekstdə, mövzu mütləq göstərilməlidir. Yalnız istifadəçi bunu görə biləcək. </p>
<p> Mövzular müxtəlif səviyyələrdə gəlir. Bu mətndə bir iyerarxiya yaradır. Kitablarda həcm, fəsillər, paraqraflara bərabərdir. </p>
<p> Yalnız 6 səviyyə var. Ən əhəmiyyətli başlıq <h1> Üstbilgi </ h1> ilə ifadə edilir. Səhifə inkişafı baxımından, h1 və başlıq etiketlərindəki mətn uyğun olmalıdır. Üstəlik, h1 estetik baxımdan yalnız bir olmalıdır. Lakin bu, brauzerin sonrakı h1 işləməyəcəyini bildirmir. İstədiyiniz qədər çox işlər görülə bilər, ancaq bu arzuolunmazdır. </p>
<p> Altyazılar h2-dən h6-a qədər tags istifadə edir. Bunlar ilk, ikinci, üçüncü, dördüncü, beşinci və altıncı səviyyədə adlanır. Bu, məlumatların yuvalanmasını və kateqoriyalara bölünməsini yaradır. </p>
<p> Buna bənzəyir. </p>
<p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="Html bağlantısı" width="371" height="256" layout="intrinsic"></amp-img></p>
<h2> Paraqraf </h2><p> Koddakı əsas mətn, <p> ... </ p> etiketində formatlaşdırılmalıdır. Bu "paraqraf" sözündən çıxmışdır. Hər bir paraqraf bir <p> etiketi ilə formatlaşdırılmalıdır, hamısı bir yığında deyil. Normal bir xətt fasiləsi işlənməyəcəkdir. Hamısı bir satırda göstərilir. Tire üçün, istifadə <a href="https://az.unansea.com/html-bir-x%C9%99tt-fasil%C9%99-tag-br-istifad%C9%99/">etiketi</a> istifadə etməlisiniz <a href="https://az.unansea.com/html-bir-x%C9%99tt-fasil%C9%99-tag-br-istifad%C9%99/">.</a> </p>
<p> Miqrasiya etiketi bağlanmayıb. O, təkdir. </p>
<p> Şeir nümunəsini nəzərdən keçirək. </p>
<p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Puşkinin şeirləri" width="700" height="627" layout="intrinsic"></amp-img></p>
<p> Müxtəlif etiketlər, onların "adı" ilə yanaşı, öz xüsusiyyətlərinə malikdirlər. Məsələn, bir paraqraf etiketi, hizalı olaraq göstərilən "hizalama" atributudur. Qiyməti sola, sağa, mərkəzə gələ bilər. Yəni, sol və ya sağ kənar və ya mərkəzə uyğunlaşın. </p>
<h2> Əlaqələri istifadə </h2><p> Yəqin ki, düşündünüz: linkləri olan bir HTML səhifəni necə yaratmaq olar? Bunun üçün çətin bir şey yoxdur. Bir HTML səhifəsinə bağlantı yaratmaq asandır. Bunun üçün xüsusi bir <a> tag var. Öz məcburi atributları var. Doğru link aşağıdakı kimi görünür: </p>
<p> <em><a href="http:// sayt /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 pages"> link mətn </a></em> </p>
<p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="Html bağlantısı" width="700" height="199" layout="intrinsic"></amp-img></em> </p>
<p> Əgər ünvan və mətni göstərməsəniz, bu link istifadəçi üçün yararsız və ya görünməz olacaq. </p>
<h2> Nəticə </h2><p> Çox etiketlər var və hər birinin öz xüsusiyyətləri vardır. Bu məlumatları oxuduqdan sonra HTML veb səhifəsinin necə yaradılacağını başa düşdünüz. </p>
<p> Bu sahədə biliklərinizi genişləndirmək üçün, əlavə ədəbiyyat oxumaq və W3C veb saytında yerləşdirilən rəsmi HTML tags kataloquunu istifadə etməlisiniz. Dil müəlliflərinin dövri olaraq güncəllənmiş kataloqunu istifadə etməsəniz, bu sahədə peşəkar olmaq çətin olacaq. </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://az.unansea.com/google-chrome-isl%C9%99mir-n%C9%99-etm%C9%99liy%C9%99m/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a61453b1546b0e3b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a61453b1546b0e3b-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://az.unansea.com/google-chrome-isl%C9%99mir-n%C9%99-etm%C9%99liy%C9%99m/">
<p>Google Chrome işləmir. Nə etməliyəm?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/windows-7-d%C9%99-dil-barini-nec%C9%99-b%C9%99rpa-etm%C9%99k-olar-windows-7-d%C9%99-dil-bar-yoxdursa-n%C9%99-etm%C9%99k-lazimdir/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3017856970480ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3017856970480ea2-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://az.unansea.com/windows-7-d%C9%99-dil-barini-nec%C9%99-b%C9%99rpa-etm%C9%99k-olar-windows-7-d%C9%99-dil-bar-yoxdursa-n%C9%99-etm%C9%99k-lazimdir/">
<p>Windows 7-də dil barını necə bərpa etmək olar. Windows 7-də dil bar yoxdursa nə etmək lazımdır</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/m%C9%99nzill%C9%99rin-dizayn-v%C9%99-t%C9%99mir-planlasdirilmasi-proqrami-dizayn-layih%C9%99sinin-hazirlanmasi-v%C9%99-yaradilmasi/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/22c888b27d8a0ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/22c888b27d8a0ec3-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://az.unansea.com/m%C9%99nzill%C9%99rin-dizayn-v%C9%99-t%C9%99mir-planlasdirilmasi-proqrami-dizayn-layih%C9%99sinin-hazirlanmasi-v%C9%99-yaradilmasi/">
<p>Mənzillərin dizayn və təmir planlaşdırılması proqramı. Dizayn layihəsinin hazırlanması və yaradılması</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</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://az.unansea.com/daemon-tools-lite-d%C9%99-bir-goeruentueyue-asanliqla-v%C9%99-asanliqla-qurasdirmaq-nec%C9%99dir/">
<p>Daemon Tools Lite-də bir görüntüyü asanlıqla və asanlıqla quraşdırmaq necədir?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/kompueterinizd%C9%99-instagram-in-qurulmasi-t%C9%99limatlar-v%C9%99-toevsiy%C9%99l%C9%99r/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a6a2ba637df50ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a6a2ba637df50ecb-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://az.unansea.com/kompueterinizd%C9%99-instagram-in-qurulmasi-t%C9%99limatlar-v%C9%99-toevsiy%C9%99l%C9%99r/">
<p>Kompüterinizdə "Instagram" ın qurulması: təlimatlar və tövsiyələr</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</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://az.unansea.com/bir-koeprue-koeprue-xarici-link-daxili-bir-baglanti-n%C9%99dir/">
<p>Bir köprü, köprü, xarici link, daxili bir bağlantı nədir</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüterlər</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://az.unansea.com/vladimir-i%CC%87vanovic-vernadsky-t%C9%99rcuemeyi-hal-elmi-nailiyy%C9%99tl%C9%99ri-v%C9%99-h%C9%99yat-maraqli-faktlar/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0fcde1b47dc60ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0fcde1b47dc60ec7-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://az.unansea.com/vladimir-i%CC%87vanovic-vernadsky-t%C9%99rcuemeyi-hal-elmi-nailiyy%C9%99tl%C9%99ri-v%C9%99-h%C9%99yat-maraqli-faktlar/">
<p>Vladimir İvanoviç Vernadsky: tərcümeyi-hal, elmi nailiyyətləri və həyat maraqlı faktlar</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formalaşma</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/molibden-cox-simalar-istifad%C9%99-olunur-xass%C9%99l%C9%99ri-insan-b%C9%99d%C9%99nind%C9%99-bioloji-rolu/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/9939d9fd7ea40ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/9939d9fd7ea40ed6-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://az.unansea.com/molibden-cox-simalar-istifad%C9%99-olunur-xass%C9%99l%C9%99ri-insan-b%C9%99d%C9%99nind%C9%99-bioloji-rolu/">
<p>Molibden çox simalar istifadə olunur, xassələri, insan bədənində bioloji rolu</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formalaşma</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://az.unansea.com/narkotik-euphorbium-kompozitum-reviews-v%C9%99-toevsiy%C9%99l%C9%99r/">
<p>Narkotik "Euphorbium kompozitum" Reviews və tövsiyələr</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sağlamlıq</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/m%C9%99tb%C9%99x-dizayn-ideyalari-divarlari/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/18946fda7df30ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/18946fda7df30ecd-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://az.unansea.com/m%C9%99tb%C9%99x-dizayn-ideyalari-divarlari/">
<p>Mətbəx dizayn ideyaları divarları</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Görkəmsizlik</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/dodge-charger-icmallar-v%C9%99-xuesusiyy%C9%99tl%C9%99ri/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3dc9910d544b0e34-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3dc9910d544b0e34-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://az.unansea.com/dodge-charger-icmallar-v%C9%99-xuesusiyy%C9%99tl%C9%99ri/">
<p>Dodge Charger, icmallar və xüsusiyyətləri</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Cars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/seul-%C9%99hali-v%C9%99-onun-etnik-t%C9%99rkibi/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/bb49581c7ecd0edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/bb49581c7ecd0edb-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://az.unansea.com/seul-%C9%99hali-v%C9%99-onun-etnik-t%C9%99rkibi/">
<p>Seul əhali və onun etnik tərkibi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formalaşma</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://az.unansea.com/adenomyosis-v%C9%99-endometrioz-f%C9%99rq-n%C9%99dir-n%C9%99-endometriosis-adenomyosis-f%C9%99rqli/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d6d0045670260ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d6d0045670260ea3-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://az.unansea.com/adenomyosis-v%C9%99-endometrioz-f%C9%99rq-n%C9%99dir-n%C9%99-endometriosis-adenomyosis-f%C9%99rqli/">
<p>Adenomyosis və endometrioz - fərq nədir? Nə endometriosis adenomyosis fərqli</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sağlamlıq</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/qeyri-adi-soervagsvatn-lake-farer-adalari-t%C9%99bii-%C9%99lam%C9%99tdar/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/3b9fd1797efc0ee3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/3b9fd1797efc0ee3-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://az.unansea.com/qeyri-adi-soervagsvatn-lake-farer-adalari-t%C9%99bii-%C9%99lam%C9%99tdar/">
<p>Qeyri-adi Sørvágsvatn Lake - Farer adaları təbii əlamətdar</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Yol</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/weave-d%C9%99ri-koehn%C9%99-seyi-yeni-h%C9%99yat/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c431cb3c61f80e6a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c431cb3c61f80e6a-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://az.unansea.com/weave-d%C9%99ri-koehn%C9%99-seyi-yeni-h%C9%99yat/">
<p>Weave Dəri - köhnə şeyi yeni həyat</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tərlan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/nec%C9%99-box-variator-edir/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/74f60f5555000e47-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/74f60f5555000e47-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://az.unansea.com/nec%C9%99-box-variator-edir/">
<p>Necə box-variator edir?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Cars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/qapali-nisani-b%C9%99rpa-etm%C9%99k-uecuen-nec%C9%99-bir-nec%C9%99-sad%C9%99-uesullari/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/6b86e07770070e95-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/6b86e07770070e95-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://az.unansea.com/qapali-nisani-b%C9%99rpa-etm%C9%99k-uecuen-nec%C9%99-bir-nec%C9%99-sad%C9%99-uesullari/">
<p>Qapalı nişanı bərpa etmək üçün necə. Bir neçə sadə üsulları</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompüter</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://az.unansea.com/idar%C9%99-n%C9%99dir-sad%C9%99l%C9%99sdirilmis-astrologiya/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d014ca217dbd0ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d014ca217dbd0ec7-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://az.unansea.com/idar%C9%99-n%C9%99dir-sad%C9%99l%C9%99sdirilmis-astrologiya/">
<p>Idarə nədir? sadələşdirilmiş astrologiya</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Intellektual inkişaf</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 az.unansea.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/11999983/0/a97b263e/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 2.208 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-02 04:40:14 -->
<!-- 0.002 -->