Anda berfikir bagaimana untuk mewujudkan HTML-halaman? Untuk melakukan ini, anda perlu menghabiskan beberapa jam, dan anda akan mengetahui asas-asas HTML. Dan anda membuat halaman pertama anda akan dapat 5 minit.
HTML bermaksud HyperText Markup Language. Diterjemahkan, ia bermaksud "Hypertext Markup Language". Ia adalah penting untuk memahami HTML itu - ia bukan satu bahasa pengaturcaraan, iaitu tapak markup.
Semua pelayar moden dapat mengenalinya. Kemudian mereka menunjukkan maklumat dalam cara yang mudah untuk pengguna, sebagai pendahuluan yang dimaksudkan oleh penulis.
Bahasa ini menggunakan tag khas. Setiap tag mempunyai fungsi. Ramai daripada mereka. Sebaik-baiknya, anda perlu belajar segala-galanya. Tetapi untuk pengetahuan asas pemula mencukupi.
Asas HTML
Sebelum anda boleh membuat HTML-halaman, anda perlu tahu apa yang ada. Dalam bahasa ini, terdapat dua konsep: unsur dan tag.
Untuk menentukan mana elemen bermula dan menutup menggunakan pembukaan dan menutup tag. Ia kelihatan seperti ini.
kandungan
Seperti yang anda lihat, pembukaan dan tag penutup berbeza hanya dengan "/".
Semua HTML-dokumen adalah satu set unsur-unsur ini. Terdapat keperluan tertentu untuk struktur dokumen itu. Semua kandungan halaman mesti mengandungi antara kedua-dua tag dan . Apabila anda menulis kod, mengambil ia satu tabiat untuk segera meletakkan pembukaan dan tag penutup.
Juga ingat bahawa struktur HTML bahasa mempunyai hierarki sendiri. Jika tidak, ia dipanggil bersarang. tag HTML adalah yang paling penting, kerana semua yang lain adalah di dalamnya.
Dalam HTML, terdapat dua elemen kanak-kanak:
Di bahagian HEAD dalam menentukan pelbagai maklumat perkhidmatan. Maklumat ini dipaparkan dalam pelayar tidak. Sebagai contoh, garis panduan untuk pemaju, untuk semua program, robot dan banyak lagi.
Perkara yang paling penting - tidak ada kandungan.
Bahagian BODY menentukan kandungan dokumen itu, yang akan dipaparkan kepada pengguna.
Belajar untuk segera membuat tag awam dan swasta, kerana ia boleh dan 10 sub-item. Di samping itu, untuk kemudahan tag bersarang melakukan tersusun. Sebagai contoh, seperti ini.
Oleh itu, yang tag sama penting berada pada tahap yang sama, dan kanak-kanak - "dalam". Lebih mudah untuk membaca dan mencari sekeping tertentu kod. Jika tidak, anda boleh mendapatkan keliru. Tetapi untuk ruang penjimatan adalah kepala dan badan tag boleh dilakukan tanpa padding. Jadi datang untuk semua yang lain mempunyai apa-apa inden. Semua yang lain adalah wajar untuk memisahkan.
Bagaimana untuk membuat halaman HTML yang mudah pada
Untuk menulis kod yang anda perlukan beberapa jenis editor. Ramai daripada mereka. Popular adalah Notepad ++ dan Adobe Dreamweaver. Anda juga boleh menggunakan notebook.
Berikut adalah apa yang Notepad ++ editor.
Ia adalah editor sangat mesra pengguna dan ia adalah percuma. Di atas Adobe Dreamweaver dibayar. Tidak seperti editor direka untuk menulis kod HTML dari pad - dalam yang tag khas diketengahkan. Jika ia tidak menerangi, ia bermakna bahawa anda telah menulis adalah salah.
Dalam usaha untuk dipadankan dengan bahasa cahaya, ia adalah perlu untuk menentukan dalam tetapan.
Mari kita lihat bagaimana untuk mewujudkan laman HTML dalam Notepad. Iaitu, menyelesaikan bahagian teknikal dan kemudian hanya beralih kepada kajian tag.
Bagaimana untuk membuat halaman web dalam HTML notebook
Pertama, buka buku nota.
Kemudian taip di dalamnya yang dinyatakan dalam gambar di berikut.
Dapatkan digunakan untuk menulis tangannya, bukan hanya satu salinan. Apabila anda menulis tangan anda, anda lebih baik menghafal pangkalan data tag keseluruhan.
Kemudian klik pada menu "Simpan Fail" dan nyatakan nama fail, tetapi dengan .html sambungan.
fail boleh dibuka dalam pelayar anda, dan menikmati hasilnya. Sekarang anda perlu jelas bagaimana untuk membuat halaman web dalam HTML notebook.
Konsortium W3C
Terdapat organisasi seperti W3C, yang membangun dan melaksanakan semua standard untuk Internet. Semua pelayar adalah tertakluk kepada piawaian dan proses ini susun atur (s) untuk laman mengikut peraturan ini.
Laman web rasmi pemaju HTML, anda boleh mencari meja dengan semua tag dan Peraturan penggunaannya. Dalam artikel ini kita melihat yang paling asas.
Anda boleh berfikir tentang apa yang dapat membenarkan dirimu? Semua tag mempunyai cadangan. Beberapa daripada mereka:
- tag pilihan.
- Larangan.
- tag kosong.
- ketinggalan zaman
- Hilang.
Tags dalam HTML
Sebelum anda boleh membuat HTML halaman, anda perlu memahami bahawa untuk menjadi dalam perkhidmatan HEAD.
HEAD Di kawasan yang terdapat kedua-dua tag wajib dan pilihan. tag wajib merujuk header. Ia ditandakan oleh
Tajuk </ title>. Beliau ditugaskan untuk keseluruhan dokumen. Dan apa yang anda lihat dalam keputusan enjin carian Google - tajuk tag. </p>
<p> Kita beralih kepada seksyen BODY. Terdapat unsur-unsur yang dipaparkan dalam pelayar, dan terdapat tidak dipaparkan. Sebagai contoh, komen tidak dipaparkan kepada pengguna. Ia boleh digunakan untuk nota atau tips untuk pekerja lain jika anda bekerja dalam satu pasukan. </p>
<p> Mereka dilantik sebagai <em><! - komen -></em> </p>
<p> Segala yang ada di antara <- dan ->, program ini dianggap dengan cara ini. Sila ambil perhatian bahawa anda tidak boleh meletakkan tag komen dalam tag komen lain. Kerana sebaik sahaja anda membuka <! -, apa yang masuk, ia tidak akan dipaparkan. Maklumat tidak akan dapat dilihat selagi pengendali tidak akan melihat tag penutup ->. </p>
<p> Contoh seperti kandang: </p>
<p> <em><! - yang pertama untuk komen <! - komen kedua -> kesinambungan komen pertama -></em> </p>
<p> pelayar akan menjadi hasil daripada yang berikut </p>
<p> <em>kesinambungan daripada komen yang pertama -></em> </p>
<p> Tetapi sekeping <em><! - yang pertama untuk komen <! - komen kedua -></em> tidak akan dapat dilihat. Tag pembukaan kedua <! - telah diabaikan dan dilihat sebagai teks biasa. </p>
<h2> Tajuk-tajuk dalam teks </h2><p> Tajuk menentukan bukan sahaja di bahagian HEAD menggunakan tag tajuk. Dalam konteks pengepala mesti dinyatakan semestinya. Oleh kerana hanya pengguna melihat. </p>
<p> Headlines datang dalam pelbagai peringkat. Oleh itu hierarki dalam teks. jumlah bersamaan, bab, perenggan dalam sebuah buku. </p>
<p> Ia hanya 6 peringkat. Tajuk utama ditugaskan <h1> Tajuk </ h1>. Dari segi mempromosikan teks halaman dalam tag h1, dan tajuk hendaklah sama. Selain itu, h1 dari sudut pandangan estetik, perlu ada hanya satu. Tetapi ini tidak bermakna bahawa pelayar tidak akan mengendalikan h1 berikutnya. Mereka boleh melakukan semua yang anda mahu, tetapi ini tidak wajar. </p>
<p> Untuk tajuk kecil menggunakan tag dari h2 ke h6. Mereka begitu - dipanggil gelaran kedua, peringkat pertama, ketiga, keempat, kelima dan keenam. Supaya membuat data bersarang dan bahagian ini ke dalam kategori. </p>
<p> Ia kelihatan seperti ini. </p>
<p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="membuat link halaman html" width="371" height="256" layout="intrinsic"></amp-img></p>
<h2> perenggan </h2><p> Teks utama dalam kod anda perlu mendaftar tag <p> ... </ p>. Dia datang dari perkataan "perenggan". Setiap perenggan perlu mengisi tag <p>, dan tidak mengukir segala-galanya dalam satu longgokan. pemisah baris biasa tidak akan diproses. Segala-galanya akan menunjukkan dalam satu baris. Untuk pemindahan perlu menggunakan <a href="https://ms.unansea.com/a-pemisah-baris-dalam-html-menggunakan-br-tag/">tag <br>.</a> </p>
<p> Sila ambil perhatian bahawa pemindahan teg tidak ditutup. Beliau adalah tunggal. </p>
<p> Mempertimbangkan pada contoh ayat. </p>
<p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="puisi Pushkin" width="700" height="627" layout="intrinsic"></amp-img></p>
<p> tag yang berbeza, selain daripada "nama", terdapat adalah sifat yang. Sebagai contoh, tag perenggan mempunyai satu sifat "penjajaran", yang ditandakan align. Ia boleh ditetapkan ke kiri, kanan, tengah. Iaitu, penjajaran kiri atau kanan atau tengah. </p>
<h2> menggunakan pautan </h2><p> Anda mungkin telah berfikir: cara membuat HTML-halaman dengan pautan? Rumit mengenainya ada apa-apa. Buat pautan Laman HTML adalah sangat mudah. Untuk tujuan ini terdapat tag <a> khas. Ia mempunyai sifat-sifat yang diperlukan. link yang betul kelihatan seperti ini: </p>
<p> <em>pautan teks <a laman href="http:// /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> </a></em> </p>
<p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="membuat link halaman html" width="700" height="199" layout="intrinsic"></amp-img></em> </p>
<p> Jika anda tidak menentukan alamat dan teks, kemudian pautan ini akan menjadi sia-sia dan yang tidak kelihatan kepada pengguna. </p>
<h2> kesimpulan </h2><p> Terdapat banyak tag, dan masing-masing mempunyai set sendiri sifat-sifat. Selepas membaca maklumat ini, anda perlu memahami bagaimana untuk membuat HTML halaman web. </p>
<p> Dalam usaha untuk mengembangkan pengetahuan mereka dalam bidang ini, anda perlu membaca lebih banyak buku dan menggunakan tag rujukan rasmi mengenai HTML, yang terletak di W3C laman web ini. Jika anda tidak menggunakan direktori dikemas kini secara berkala penulis bahasa, anda akan menjadi sukar untuk menjadi seorang profesional dalam bidang ini. </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">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ms.unansea.com/program-laptop-camera/">
<p>Program Laptop Camera</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.unansea.com/pc-cleaner-terbaik/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/08f56df870290ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/08f56df870290ea5-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.unansea.com/pc-cleaner-terbaik/">
<p>PC Cleaner terbaik</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.unansea.com/teamviewer-bagaimana-untuk-menggunakan/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/336c7c367ea90edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/336c7c367ea90edb-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.unansea.com/teamviewer-bagaimana-untuk-menggunakan/">
<p>TeamViewer. Bagaimana untuk menggunakan?</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.unansea.com/bagaimana-untuk-memasang-instagram-pada-komputer-arahan-dan-nasihat/">
<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://ms.unansea.com/bagaimana-untuk-memasang-instagram-pada-komputer-arahan-dan-nasihat/">
<p>Bagaimana untuk memasang "Instagram" pada komputer: arahan dan nasihat</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.unansea.com/menggunakan-kekunci-panas-chrome/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7c35929f61cb0e64-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7c35929f61cb0e64-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.unansea.com/menggunakan-kekunci-panas-chrome/">
<p>Menggunakan kekunci panas Chrome</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.unansea.com/program-untuk-menukar-tema-vkontakte-yang/">
<p>Program untuk menukar tema Vkontakte yang</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.unansea.com/memulihkan-windose-8-sistem-pada-komputer-riba-dan/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e54d9c8270070e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e54d9c8270070e9d-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.unansea.com/memulihkan-windose-8-sistem-pada-komputer-riba-dan/">
<p>Memulihkan "windose 8" sistem pada komputer riba dan</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.unansea.com/ikrar-untuk-kejayaan-dan-ritual-ajaib-melakukan-silap-mata-kehidupan-semestinya-berubah-menjadi-lebih-baik/">
<p>Ikrar untuk kejayaan dan ritual ajaib melakukan silap mata - kehidupan semestinya berubah menjadi lebih baik!</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Penanaman diri</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ms.unansea.com/jaket-denim-dengan-tangannya/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/4ef2f92162190e6a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/4ef2f92162190e6a-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.unansea.com/jaket-denim-dengan-tangannya/">
<p>Jaket denim dengan tangannya</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hobi</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ms.unansea.com/berr-reymond-filem-dan-kehidupan-peribadi/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a5dd56fb7e7b0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a5dd56fb7e7b0ed4-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.unansea.com/berr-reymond-filem-dan-kehidupan-peribadi/">
<p>Berr Reymond: filem dan kehidupan peribadi</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">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ms.unansea.com/bagaimana-untuk-memilih-countertop-yang-diperbuat-daripada-batu-semula-jadi/">
<p>Bagaimana untuk memilih countertop yang diperbuat daripada batu semula jadi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesederhanaan</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.unansea.com/menyediakan-khachapuri-dengan-keju-puff-pastri/">
<p>Menyediakan khachapuri dengan keju puff pastri</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-->
<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.unansea.com/explay-pn-955-ciri-peta-ciri/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/99a837417e5a0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/99a837417e5a0ed4-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.unansea.com/explay-pn-955-ciri-peta-ciri/">
<p>Explay PN 955: ciri, peta, ciri</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.unansea.com/apa-yang-giardia-betapa-bahayanya-mereka-dan-bagaimana-untuk-mengelakkan-mereka/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/286179a56f830e92-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/286179a56f830e92-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.unansea.com/apa-yang-giardia-betapa-bahayanya-mereka-dan-bagaimana-untuk-mengelakkan-mereka/">
<p>Apa yang giardia, betapa bahayanya mereka dan bagaimana untuk mengelakkan mereka</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.unansea.com/cara-betul-menandatangani-sampul-surat-tip-dan-cara/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/842226a57e9a0ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/842226a57e9a0ed6-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.unansea.com/cara-betul-menandatangani-sampul-surat-tip-dan-cara/">
<p>Cara betul menandatangani sampul surat: tip dan cara</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Undang-undang</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.unansea.com/bagaimana-untuk-memilih-nanas/">
<p>Bagaimana untuk memilih nanas</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.unansea.com/fitohol-arahan-untuk-penggunaan-tablet/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/9307db5e7ddb0ec9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/9307db5e7ddb0ec9-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.unansea.com/fitohol-arahan-untuk-penggunaan-tablet/">
<p>"Fitohol": arahan untuk penggunaan tablet</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.unansea.com/maria-gorban-plastik-sebelum-dan-selepas-perubahan-bentuk-yang-terang/">
<amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/0b1c1a377eb00ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/0b1c1a377eb00ed8-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.unansea.com/maria-gorban-plastik-sebelum-dan-selepas-perubahan-bentuk-yang-terang/">
<p>Maria Gorban: Plastik. Sebelum dan selepas perubahan bentuk yang terang</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-->
</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.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 3.346 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-02 16:32:55 -->
<!-- 0.002 -->