KomputerPengaturcaraan

HTML: asas-asas untuk pemula

HTML - hiperteks bahasa markup yang telah menjadikan Internet seperti yang kita tahu dan cinta. Kita berterima kasih kepada ini tapak alat indah kelihatan bagus dan moden dan menyediakan kemudahan penggunaannya. HTML hanya memasang elemen halaman web dalam pilihan user-friendly. kerja-kerja yang boleh dibandingkan dengan hakikat bahawa melakukan editor teks seperti MS Word atau OpenOffice. Mereka berpaling jisim tidak dikenali huruf dalam dokumen yang mempunyai perenggan, teks tebal, huruf condong, jadual, dan juga imej. Kira-kira perkara yang sama menjadikan HTML, dengan perbezaan hanya menjadi bahawa dokumen yang akan dipaparkan dalam pelayar, dan kemungkinan alat ini adalah lebih luas daripada editor teks. Digunakan untuk menandakan tag - arahan khas yang menggambarkan struktur halaman web. Ia dimasukkan dalam kurungan sudut - , pelayar dapat membezakan mereka daripada jumlah jisim teks. Seterusnya kita akan melihat asas-asas HTML untuk pemula.

editor visual

Pemula hanya membuka jalan untuk kajian HTML, sering memulakan kerja mereka dengan program-program untuk membina laman web tanpa apa-apa pengetahuan. Mereka hanya boleh meletakkan item pada skrin kerana mereka akan muncul dalam pelayar. Nampaknya, di sini ia adalah - sumber rahmat yang kekal, membolehkan untuk menghilangkan kebanyakan pemaju web. Tetapi tidak begitu mudah, kerana editor visual mempunyai banyak kelemahan yang menjadikannya mustahil untuk menggunakan mereka dalam projek-projek yang serius.

Program-program ini mewujudkan banyak tag yang tidak perlu yang membuat versi akhir halaman tersebut rumit dan suboptimal. Sudah tentu, dalam zaman internet kelajuan tinggi adalah kurang penting daripada di masa lalu, tetapi terdapat beberapa sebab mengapa laman web ringkas dan ditulis dengan baik adalah lebih praktikal daripada rakan sejawatannya, dicipta dalam editor visual. Web yang dibuat dalam program itu akan dilayan dengan buruk oleh enjin carian sebagai penting kepada mereka setiap kilobytes kod dan kod rumit dan tidak logik dengan sekumpulan kesilapan semantik tidak mempunyai mereka rasa. Di samping itu, editor sering ketinggalan zaman, menjadi tidak relevan, dan menghabiskan sumber kepada pembangunan mereka adalah tidak praktikal kerana tidak profesional tidak akan menggunakan produk-produk ini. Oleh itu, sesiapa yang mahu bekerja dalam penciptaan laman web, perlu tahu asas-asas HTML.

tag

Seperti yang dinyatakan di atas, tag menggambarkan struktur halaman penyemak imbas web. Kebanyakan mereka mempunyai pembukaan dan penutupan tag, tetapi tidak semua. Sebagai contoh, ... </ title>, di mana bukan mata adalah kandungan. Pertama ini menunjukkan di mana tag bermula, dan yang kedua menutup ia. Dalam unsur-unsur lain mungkin dalam susun atur halaman mereka boleh bersarang seperti anak patung bersarang. Di sini ia adalah penting untuk menutup muka surat tersebut dipaparkan dengan betul tag. <amp-img src="https://images.birmiss.com/image/ad99dcc07e470ed4.jpg" alt="asas-asas html" width="512" height="386" layout="intrinsic"></amp-img></p> <p> Terdapat juga tag tunggal, yang tidak perlu ditutup. Pada mereka ia adalah di dalam, dan juga <a href="https://ms.birmiss.com/sifat-sifat-html-jenis-dan-kegunaan-html-panduan/">sifat-sifat.</a> <a href="https://ms.birmiss.com/sifat-sifat-html-jenis-dan-kegunaan-html-panduan/">Atribut</a> boleh ditubuhkan bagi kebanyakan HTML tag dan menetapkan sifat-sifat unsur. Ianya dibentuk dalam tag pembukaan kelihatan seperti ini: atribut = "...", di mana bukan mata adalah nilai atribut. Pengetahuan tag adalah langkah pertama dan yang paling penting untuk pembangunan HTML. Asas-asas seni ini juga membayangkan memahami struktur laman web. </p> <h2> struktur dokumen </h2><p> Setiap dokumen HTML mempunyai sambungan berkaitan, sebagai contoh, Index.html. Supaya pelayar boleh memahami apa yang dia telah lakukan, dan betul memaparkan halaman. Semua fail yang digunakan untuk mewujudkan laman web ini, ia adalah dinasihatkan untuk menyimpan dalam direktori yang sama pada masa akan datang akan sangat memudahkan hidup anda. Asas Hypertext Markup Language HTML melibatkan kefahaman yang jelas tentang struktur dokumen itu. Ia bermula dengan tag <a href="https://ms.birmiss.com/doctype-html-apakah-ia-apa-yang-anda-perlu-tahu-tentang-barang-yang/"><! DOCTYPE html>,</a> memberitahu versi pelayar HTML, yang digunakan dalam dokumen ini. Pada masa ini, topikal versi kelima bahasa, jadi tidak ada keperluan untuk mencipta apa-apa, kita boleh memasukkan Tag atas untuk bahagian atas mana-mana halaman. <amp-img src="https://images.birmiss.com/image/550918717e560ed7.jpg" alt="asas-asas html untuk pemula" width="439" height="235" layout="intrinsic"></amp-img></p> <p> Kemudian pergi ke struktur berpasangan utama, membentuk "rangka" laman web ini. Tag pertama di mana untuk meletakkan semua yang lain - <html> ... </ html>. Semua yang di luar, tidak diiktiraf oleh pelayar sebagai laman web, supaya ia membuka dan menutup dokumen itu. tag ini diperlukan bagi apa-apa dokumen. Ia juga mengandungi beberapa tag wajib, yang akan dibincangkan di bawah. </p> <h2> kepala </h2><p> Dalam tag <head> ... </ head> mengandungi maklumat yang bersifat teknikal, yang tidak akan dipaparkan pada halaman, tetapi, bagaimanapun, adalah satu bahagian penting dalam HTML dokumen itu. notis laman diletakkan di tempat ini, dipilih dan diperkenalkan ke dalam pengekodan nama halaman. Ia terkandung dalam tag mandatori <title> ... </ title>. Ia memaparkan nama di bahagian atas pelayar anda, di mana anda juga boleh meletakkan ikon kecil untuk kandungan halaman. Ia adalah dinasihatkan untuk segera menyatakan pengekodan dokumen untuk paparan yang betul. Ini boleh dilakukan dengan tag <meta charset = "UTF-8" /> itu. data meta di muka surat menyediakan struktur dan biasanya terletak di dalam kepala. </p> <h2> link </h2><p> pengetahuan asas HTML juga melibatkan penggunaan gaya melata, atau css. Mereka menetapkan sifat-sifat unsur-unsur yang akan dipaparkan pada halaman. Pendekatan moden untuk masalah ini melibatkan pengenaan ciri-ciri seperti warna, ketinggian dan lokasi item, untuk fail luaran untuk kemudahan tambahan. Untuk menyambung css fail menggunakan tag <link />. Dalam bentuk siap, ia kelihatan seperti ini: <link href = http: // laman /article/250376/%E2%80%9Dstyle.css%E2%80%9D type = "text / css" />, yang menunjukkan href kepada lokasi fail, dan jenis - kepada jenisnya. <amp-img src="https://images.birmiss.com/image/091b9c217ddf0ec9.jpg" alt="asas-asas html untuk pemula" width="567" height="380" layout="intrinsic"></amp-img></p> <h2> badan </h2><p> Ia adalah di bahagian HTML-dokumen yang diwujudkan oleh bahagian yang boleh dilihat halaman. Semua yang dilakukan di dalam "badan" akan dipaparkan oleh pelayar. Dalam <body> digunakan sejumlah besar tag HTML. Asas - Ini pemformatan teks, bekerja dengan pautan dan alat yang mudah untuk penstrukturan laman web. Untuk ke tempat kerja dalam HTML, cukup untuk mengetahui tag asas dan dapat menggunakannya. Di bawah ini adalah yang paling popular: </p> <ul><li> <Span> - digunakan untuk mengekstrak subrentetan, yang akan diberikan kepada gaya tertentu, yang diterangkan dalam css; </li><li> <a> - mencipta pautan pada laman Web; melompat alamat dinyatakan atribut href; </li><li> <Div> - salah satu tag moden yang paling popular; Sesiapa sahaja yang membuat keputusan untuk mempelajari asas-asas HTMLl bahasa perlu memberi perhatian khusus kepadanya, kerana ia adalah elemen blok, yang dibuat atas dasar bahagian besar daripada laman web hari ini (parameter untuk blok <div> ditetapkan dalam css, dan unit-unit lain boleh diletakkan di dalam tag ini); </li><li> <P> - memilih satu perenggan teks; kandungan perenggan yang terletak di antara pembukaan dan penutup tag; </li><li> <Ol> - senarai bernombor, unsur-unsur yang sebagai pasangan tag <li>; </li><li> <Ul> - senarai berbulet, yang, dan juga dalam elemen bernombor ditandakan dengan tag <li>; </li><li> <H1> - <h6> - pengepala dokumen (angka menunjukkan tahap kepala, iaitu <h1> - tajuk utama, dan variasi berikutnya adalah sari kata yang, dengan cara itu, tahap tajuk <h5>, <h6> adalah hampir mustahil untuk mencari di Internet kawasan lapang) ia juga penting untuk ingat bahawa halaman hanya boleh mempunyai satu header <h1>; </li><li> <Strong> - teks tebal; </li><li> <Em> - italic; </li><li> <amp-img /></amp-img> - memasukkan gambar-gambar di laman web (ia adalah satu tag tunggal, ia tidak perlu untuk menutup, tetapi ia diperlukan untuk menentukan atribut alt, yang menentukan teks untuk imej); </li><li> <Video> - masukkan video pada laman web; </li><li> <Audio> - tag dimasukkan ke dalam dokumen fail audio. </li></ul><p> Ini tidak semua yang diperlukan untuk membuat laman web anda sendiri tag, tetapi mereka adalah mencukupi untuk meletakkan asas-asas HTML untuk pemula. </p> <h2> CSS </h2><p> perkembangan bahasa HTML telah membawa kepada hakikat bahawa berat badan setiap tag obzavolsya sifat-sifat, dan keperluan untuk penampilan halaman Web bermaksud meningkat dengan ketara. Kod telah menjadi rumit dan menyusahkan, ia adalah sukar untuk membacanya, apatah lagi untuk menyesuaikan diri atau perubahan. Selain itu, maka perlu berpeluh, mengubah setiap tangan jika laman anda sepuluh muka surat, di mana banyak berita utama, ditandakan dengan warna hijau, dan anda tiba-tiba mahu membuat mereka merah. Dengan kedatangan Cascading Style Sheets, proses ini telah menjadi mudah dan logik, dan HTML kod telah menjadi lebih mudah dibaca. <amp-img src="https://images.birmiss.com/image/90f9f5707e420ed3.jpg" alt="asas-asas html dan css" width="641" height="700" layout="intrinsic"></amp-img></p> <h2> memohon CSS </h2><p> Untuk membuat laman Web, anda perlu tahu asas-asas HTML dan CSS, jadi ia kini tanpa pengetahuan lembaran gaya melata untuk dilakukan di kawasan ini adalah apa-apa. Mereka menetapkan atribut untuk setiap elemen, yang terpakai kepada keseluruhan dokumen. Oleh itu, anda boleh set warna sekali untuk semua <p> unsur-unsur atau <a>, menulis hanya satu peraturan. Memandangkan keperluan semasa bagi kehadiran laman web, penggunaan Cascading Style Sheets adalah satu kemestian. </p> <p> Untuk menyambung fail css dokumen itu, terdapat pautan tag. Sedikit di atas ia diterangkan prinsip penggunaannya, tetapi ia bukan satu-satunya pilihan menggabungkan semua gaya di satu tempat. Terdapat tag <style>, yang terletak di "kepala" dokumen itu dan membolehkan anda untuk mendaftar gaya tanpa menggunakan fail CSS. Tidak semestinya untuk menggunakan mana-mana satu kaedah atau yang lain. Mereka boleh berjaya digabungkan untuk menghasilkan hasil yang terbaik. Untuk membuat fail dengan style sheet perlu membuat fail dengan Css sambungan, contohnya, styles.css. </p> <h2> JavaScript </h2><p> Selalunya orang yang telah memutuskan untuk memulakan membangunkan laman web, menyedari bahawa tugas beliau tidak cukup dana yang ditawarkan oleh HTML. Asas-asas akan membuat halaman yang indah, tetapi bagaimana jika anda tiba-tiba perlu membuat ia interaktif? Untuk tujuan ini, terdapat senario bahasa pengaturcaraan unik yang berinteraksi dengan baik dengan HTML. Ia dipanggil JavaScript, kerana ia telah dianggap sebagai adik kepada bahasa Jawa yang popular. Hari ini, bahasa ini telah mendapat perbezaan yang ketara, dan jurang antara mereka hanya tumbuh. <amp-img src="https://images.birmiss.com/image/1c055c057e4b0ed5.jpg" alt="asas-asas html hanya" width="640" height="360" layout="intrinsic"></amp-img></p> <p> JavaScript boleh memberi kuasa kepada HTML, ia membolehkan anda untuk membuat dan mengedit tag. Juga dengan bantuan alat ini, anda boleh bekerja dengan Cokie, memuat turun data dari pelayan tanpa memuatkan semula halaman tersebut untuk membuat laman web yang lebih interaktif daripada membenarkan keupayaan HTML. Ia mempunyai bahasa dan batasan yang berkaitan dengan keselamatan. Jika JavaScript tidak digunakan di sebelah pelayan, ia akan dijalankan dalam keadaan yang menyekat keupayaan, bahawa penyerang boleh menggunakan kod berniat jahat pada mana-mana komputer. </p> <h2> editor </h2><p> Asas HTML untuk pemula menganggap pengetahuan tentang program yang paling mudah dan praktikal untuk mewujudkan laman web. Seperti dinyatakan di atas, editor visual seperti Dreamweaver dan sebagainya, tidak sesuai untuk tujuan ini. Jadi, menulis tag dalam buku nota normal? Pilihan ini juga dipersoalkan, kerana notebook standard tidak mempunyai alat khas untuk susun atur. Tugas ini mungkin menghadapi Notepad ++. Satu ditambah besar produk ini adalah bahawa ia adalah sumber terbuka dan diedarkan percuma. Di dalamnya terdapat yang mudah penonjolan sintaks dan auto-tag penutup. Notepad ++ juga menyediakan pelbagai bahasa antara muka, dan keupayaan untuk mudah berkembang dengan bantuan banyak penambahan itu. <amp-img src="https://images.birmiss.com/image/ea39a6107e4c0ed5.jpg" alt="asas-asas Hypertext Markup Language html" width="620" height="350" layout="intrinsic"></amp-img></p> <p> Text Sublime 3 - program yang sama dengan Notepad ++, tetapi merebak secara bayaran. Bahawa dia memenangi hati kebanyakan pemaju. Sublime Text 3 sesuai untuk JavaScript, CSS dan HTML. Asas-asas bekerja dengannya perlu belajar sendiri, tetapi ia berbaloi. Ia mengandungi kemungkinan benar-benar tanpa had untuk penalaan halus yang memaksimumkan menyesuaikan program untuk memenuhi keperluan anda. </p> <h2> Asas-asas HTML dan CSS untuk pemula </h2><p> Seperti yang anda lihat, belajar seni mewujudkan laman web tidak begitu sukar kerana ia seolah-olah pada pandangan pertama. Hanya beberapa bulan latihan praktikal akan mengembalikan kamu daripada pengguna novis malu-malu kepada pemaju. Vorstke belajar lebih mudah daripada untuk belajar apa-apa bahasa pengaturcaraan atau Linux. Malah, tag HTML tidak begitu banyak penting untuk memahami aspek-aspek praktikal permohonan mereka. <amp-img src="https://images.birmiss.com/image/d7598fa07e510ed6.jpg" alt="pengetahuan asas html" width="700" height="483" layout="intrinsic"></amp-img></p> <p> Jangan ada yang salah dalam perniagaan ini adalah kemahiran kerja dalam Adobe Photoshop. Program ini membolehkan anda untuk bekerja dengan gambar, imej dan elemen-elemen grafik lain laman web. Pada masa ini ia "Photoshop" adalah yang terbaik untuk mengatasi masalah itu, pesaing mempunyai sedikit. Bagi mereka yang produk Adobe syarikat tidak datang dengan keinginan mereka, ada Lightroom, GIMP, Illustrator dan program-program lain dengan fungsi yang serupa. </p> <h2> Yang memberikan pengetahuan HTML </h2><p> Kemahiran dalam mewujudkan laman web adalah sangat relevan hari ini, kerana Internet adalah berkembang dengan pesat. Setiap syarikat, mana-mana, walaupun kedai yang paling kecil, bengkel dan kelab sukan - semua ingin mempunyai laman web anda sendiri. Dan sudah tentu, untuk ini mereka memerlukan pemaju yang memiliki CSS dan HTML. Asas-asas mudah untuk belajar, dan kemudian ia terpulang kepada amalan. Kerana teknologi susun atur sentiasa berkembang, pemaju depan sentiasa dalam permintaan. Sesiapa yang memutuskan untuk mengabdikan diri dalam industri ini menarik, tidak akan tanpa kerja. </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://ms.birmiss.com/sql-pertanyaan-perintah/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/da2a754c7e930ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/da2a754c7e930ed8-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://ms.birmiss.com/sql-pertanyaan-perintah/"> <p>SQL-pertanyaan perintah</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/carian-dan-analisis-backlinks-langkah-demi-langkah-dan-cadangan/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4c5571b47e820ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4c5571b47e820ed6-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://ms.birmiss.com/carian-dan-analisis-backlinks-langkah-demi-langkah-dan-cadangan/"> <p>Carian dan analisis backlinks: langkah demi langkah dan cadangan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/title-apa-yang-ini/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1fa6ffdc7e1f0ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1fa6ffdc7e1f0ecc-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://ms.birmiss.com/title-apa-yang-ini/"> <p>Title - apa yang ini?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/apakah-ciri-khas-perisian-cross-platform/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4c66b6217e790ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4c66b6217e790ed8-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://ms.birmiss.com/apakah-ciri-khas-perisian-cross-platform/"> <p>Apakah ciri khas perisian cross-platform?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</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://ms.birmiss.com/pop-up-blocker/"> <p>Pop-up Blocker</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/dan-anda-tahu-apa-yang-cms/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/442ce20c709f0eae-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/442ce20c709f0eae-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://ms.birmiss.com/dan-anda-tahu-apa-yang-cms/"> <p>Dan anda tahu apa yang CMS?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</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://ms.birmiss.com/teknologi-kes-dalam-pendidikan-teknologi-kes-dalam-pendidikan-prasekolah/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/aba3700070310e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/aba3700070310e9f-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://ms.birmiss.com/teknologi-kes-dalam-pendidikan-teknologi-kes-dalam-pendidikan-prasekolah/"> <p>Teknologi kes dalam pendidikan. teknologi kes dalam pendidikan prasekolah</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/vaksinasi-ccp-kontra-dan-kesan-sampingan/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c1afe0c970360ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c1afe0c970360ea2-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://ms.birmiss.com/vaksinasi-ccp-kontra-dan-kesan-sampingan/"> <p>Vaksinasi CCP: kontra dan kesan sampingan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesihatan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/novelist-vladimir-sharov-pemenang-russian-booker-anugerah-sastera-2014/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fb2820fe704f0ea4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fb2820fe704f0ea4-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://ms.birmiss.com/novelist-vladimir-sharov-pemenang-russian-booker-anugerah-sastera-2014/"> <p>Novelist Vladimir Sharov - pemenang "Russian Booker" Anugerah Sastera 2014</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Seni dan Hiburan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/j-b-wiski-dari-scotland/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/796a71a16fe70e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/796a71a16fe70e9a-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://ms.birmiss.com/j-b-wiski-dari-scotland/"> <p>J & B - wiski dari Scotland</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Makanan dan minuman</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/sistem-kewangan-sumber-utama-memenuhi-dengan-janji-janji-kerajaan/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/508c3ec5548a0e3c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/508c3ec5548a0e3c-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://ms.birmiss.com/sistem-kewangan-sumber-utama-memenuhi-dengan-janji-janji-kerajaan/"> <p>Sistem kewangan - sumber utama memenuhi dengan janji-janji kerajaan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Berita dan Masyarakat</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://ms.birmiss.com/rusia-pokok-pokok-dan-pokok-renek/"> <p>Rusia Pokok-pokok dan pokok renek</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Berita dan Masyarakat</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://ms.birmiss.com/man-engine-kuasa-tinggi-di-dunia/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/61f7c4c961cc0e67-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/61f7c4c961cc0e67-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://ms.birmiss.com/man-engine-kuasa-tinggi-di-dunia/"> <p>MAN Engine: kuasa tinggi di dunia</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kereta</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/topeng-untuk-melatih-tangan-mereka-sendiri/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/95f01e257e190ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/95f01e257e190ece-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://ms.birmiss.com/topeng-untuk-melatih-tangan-mereka-sendiri/"> <p>Topeng untuk melatih tangan mereka sendiri</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sukan dan Kecergasan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/beras-puding-gula-dalam-ketuhar-resipi/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d61aa3717e2f0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d61aa3717e2f0ece-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://ms.birmiss.com/beras-puding-gula-dalam-ketuhar-resipi/"> <p>Beras puding gula dalam ketuhar: Resipi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Makanan dan minuman</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/beach-montenegro-4-montenegro-budva-riviera-gambar-dan-ulasan/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a7cbc81b7e7c0edc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a7cbc81b7e7c0edc-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://ms.birmiss.com/beach-montenegro-4-montenegro-budva-riviera-gambar-dan-ulasan/"> <p>Beach Montenegro 4 * (Montenegro / Budva Riviera): gambar dan ulasan</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Perjalanan</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/bil-telefon-program-bil-telefon/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/634f9f707ded0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/634f9f707ded0ecd-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://ms.birmiss.com/bil-telefon-program-bil-telefon/"> <p>Bil telefon. program bil telefon</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologi</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://ms.birmiss.com/cendawan-gobies-bagaimana-untuk-menyediakan-lazat-mereka/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/dc74f75e6fe50e93-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/dc74f75e6fe50e93-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://ms.birmiss.com/cendawan-gobies-bagaimana-untuk-menyediakan-lazat-mereka/"> <p>Cendawan gobies: bagaimana untuk menyediakan lazat mereka?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Makanan dan minuman</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 ms.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.134 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 06:59:48 --> <!-- 0.002 -->