Komputer, Programming

HTML-printah kanggo nggawe Camping

HTML acronym stands minangka Hypertext Markup Language. HTML - iku ora basa pamrograman, punika basa ing situs markup.

Kabeh browser sing bisa ngowahi markup iki ing wangun trep kanggo pangguna.

Basa iki migunakake printah khusus, disebut tags. Saben tag wis fungsi dhewe. Ana kathah tags. Saenipun, sampeyan kudu mangerteni kabeh. Nanging kanggo pangembang anyar kawruh dhasar cukup.

printah HTML dhasar

Dhaftar HTML-printah banget gedhe. Nanging utama ora dadi luwih. Supaya kanggo miwiti kode nulis, sampeyan kudu editor. "Notebook" bisa digunakake. Muaturun nggunakake Notepad ++. Nanging katon kaya iki.

kauntungan iku ing editor khusus tags sing disorot ing werna, gumantung ing kategori. Printah kanggo nggawe situs HTML ing Notepad utawa program liyane padha. Language digunakake ing endi-endi padha. Development Environment - mung alat.

Ing HTML, ana nutup tags lan unobscured. Uga, ing basa iki ana konsep nyarang. Saben barang ing kode - iku sawijining unsur. Lan unsur nduweni wiwitan tag, isi, lan panutup. Menapa malih, tag wis kawicaksanan lengkap kaliyan nilai.

tokoh nuduhake loro tags lan . Elinga yen mbukak lan nutup sing ditulis padha nanging beda-beda mung dening "/". Yen tag ora ditutup, pawang bakal dianggep terusan saka liyane unsur iki. Iki penting banget. Utamané ing referensi. Kita bakal katon ing wong sing sethitik luwih.

tag naleni. Iku tansah perlu kanggo nulis. Nanging nutup ora dibutuhake. Miturut standar sing arep, nanging yen ora nutup karya isih dadi.

Ana tags dhasar: sirah lan awak.

HTML-tim iki framework kanggo kaca. Lagi. Padha uga ditutup.

Jeneng tag cocog maksud. Head - kepala. bagean Iki nuduhake layanan lan informasi penting, kang ora katon. Section awak - awak saka dokumen. Kene, isi sing ditampilake kanggo pangguna. Coba nutup tags bebarengan, banjur supaya kebingungan.

Ing bagean layanan, negara:

judhul document;
file Gaya;
file script;
meta tags;
instruksi kanggo mesin;
instruksi kanggo robot;
sembarang sing bisa dipigunakaké déning programer, nanging ora kedhaftar.

file gaya kalebu kene minangka nderek:

= http: // situs /article/256185/%E2%80%9Cstyle.css%E2%80%9D jinis = "text / css">

file script minangka nderek:

" src = 'http: // situs /article/256185/main.js'>

Ing teks kudu judhul. titik kang metu iki:

Title </ title> kaca</em> </p> <p> Tèks iki bakal katampil ing judhul tab browser. Uga, judhul iki asalé minangka asil saka ditokake saka search engine. </p> <h2> Tags kanggo format teks </h2><p> teks kudu diselehake ing tag saka paragraf. Piyambakipun disebut minangka <p> teks </ p>. Kanggo teks, sampeyan uga bisa nggunakake <span> senar </ span>. </p> <p> Tarik teks bisa dadi, kaya ing "Sabda": </p> <ul><li> <Aku> miring </ i> </li><li> <Kuwat> kandel teks </ strong> </li><li> <S> Strikethrough teks </ s> </li><li> <U> teks ing nginggil </ u> </li></ul><p> Tèks bisa tarik gaya. Kita bakal katon ing wong mau, sawise review saka unsur liyane. </p> <h2> Nggunakake Judul </h2><p> Ana penting HTML-printah liyane. header kudu digunakake kanggo nggawe situs. Lagi kasebut nggunakake tag <h1> Judhul tingkat pisanan </ h1>. Ana tingkat 1 kanggo 6. Iku penting kanggo ngerti sing ing header kudu ketik teks utawa. </p> <p> Conto ing Fig. </p> <p><amp-img src="https://i23.delachieve.com/image/fceb0bfa7dde0ec8.jpg" alt="printah dhasar html" width="700" height="280" layout="intrinsic"></amp-img></p> <p> Metokake ing atine sing dianjurake kanggo nggunakake mung siji h1 judhul. Ing kasus iki, iku kudu cocog tag <title>. Mesti wae, sampeyan bisa nemtokake 200 header h1, nanging sampeyan bakal penalized dening mesin. </p> <h2> nggunakake gambar </h2><p> Images iku bagéan integral saka kaca web. Contone nuduhake iku bisa masang foto apa. </p> <p><amp-img src="https://i23.delachieve.com/image/dc8e12f27ddf0ec8.jpg" alt="html swara kanggo situs" width="487" height="200" layout="intrinsic"></amp-img></p> <p> Nalika sampeyan bisa ndeleng, contone ditampilake ing rinci babagan carane lan apa ngomong. </p> <h2> nggunakake pranala </h2><p> Yen sinau HTML-printah, pranala tag-weruh sampeyan mung kudu. Iki salah siji unsur sing paling penting, kang <a href="https://jw.delachieve.com/apa-world-wide-web/">ing World Wide Web.</a> </p> <p> Link tag ditetepake <a>. Nanging temtunipun perlu ditutup. Kajaba iku, item iki wis ngubungake prentah saka href, kang alamat lan TCTerms link kanggo. </p> <p><amp-img src="https://i23.delachieve.com/image/e1ee3b427de40ec9.jpg" alt="printah html" width="474" height="200" layout="intrinsic"></amp-img></p> <p> Ing conto ing ndhuwur, kang katon sing tinimbang teks ngandhut Gambar referensi. Sing, sampeyan bisa sijine loro teks lan gambar. </p> <p> Links uga bisa diformat nggunakake gaya kelas utawa tags conventional (miring, kandel, nggaris, Strikethrough). </p> <h2> nggunakake tabel </h2><p> Tables uga digunakake kerep banget. Padha Originally dimaksudaké kanggo nyedhiyani informasi ing cara trep. Nanging banjur tata letak padha digunakake kanggo maringi leladen unsur warna kaca. </p> <p> Tabel iki digawe minangka nderek: </p> <p> <em><Jembaré meja = "100%" wewatesan = "1"></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> teks sel </ td></em> </p> <p> <em><Td> teks sel </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> teks sel </ td></em> </p> <p> <em><Td> teks sel </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em></ Meja></em> </p> <p> Ngubungake jembaré nemtokaken jembaré saka meja. Bisa dadi persentasi utawa piksel. Border nuduhake kekandelan saka pigura. </p> <p> struktur dituduhake minangka nderek. tag Tr punika senar. sel td Tag. Lan kabeh bebarengan - Tabel. </p> <p><amp-img src="https://i23.delachieve.com/image/047bcf4b7ded0ecb.jpg" alt="dhaftar printah html" width="535" height="290" layout="intrinsic"></amp-img></p> <p> Sampeyan bisa kempal meja. Wikipedia ngubungake align, kang bisa njupuk pigunanipun: Kiri, Center, tengen. Conto panggunaan kasebut ing ngisor iki. </p> <p><amp-img src="https://i23.delachieve.com/image/391be6fb7df20ecc.jpg" alt="html swara kanggo meja" width="375" height="253" layout="intrinsic"></amp-img></p> <p> Iki HTML-printah (jembaré lan alignment) uga cocok kanggo unsur liyane. Ing kekandelan saka pigura minangka dituduhake ing gambar. </p> <h2> nggunakake dhaptar </h2><p> Nggunakake HTML-printah, sampeyan bisa nggawe macem-macem jinis dhaptar. Meh persis padha ing Sabda. </p> <p> Ing basa ana Html dhawuh lan unordered dhaptar (bulleted). Tuladha dhaftar kuwi. </p> <p> <em><Ul></em> </p> <p> <em><Li> Pisanan </ li></em> </p> <p> <em><Li> liya </ li></em> </p> <p> <em><Li> Katelu </ li></em> </p> <p> <em></ Ul></em> </p> <p> Asil bakal: </p> <ul><li> pisanan </li><li> kapindho </li><li> katelu </li></ul><table align=center cellpadding=5 cellspacing=0 style="width: 539px; height: 215px;"><tbody><tr><td width=240><p> <strong>dhaftar jinis</strong> </p> </td><td width=345><p> <strong>Kode ing basa HTML</strong> </p> </td></tr><tr><td width=240><p> Ing wangun bunder </p> </td><td width=345><p> <Jinis ul = "disc"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> Ing bunder </p> </td><td width=345><p> <Jinis ul = "bunder"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> Ing pelaku kothak </p> </td><td width=345><p> <Jinis ul = "kothak"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr></tbody></table><p> dhaptar dhawuh sing digawe ing cara sing padha, nanging tinimbang <ul>, nggunakake tag ing <ol>. </p> <p> Sampeyan uga bisa nemtokake jinis dhaftar output: </p> <ul><li> <em>"1"</em> - ing angka Arab 1, 2, 3 ... </li><li> <em>"A"</em> - huruf kapital A, B, C ... </li><li> <em>"A"</em> - huruf cilik a, b, c ... </li><li> <em>"Aku"</em> - ing Romawi amba I, II, III ... </li><li> <em>"I"</em> - cilik Romawi i, ii, iii ... </li></ul><p> Output standar saka angka Arab. </p> <p> Wiwit iki bulleted dhaptar, padha duwe ngubungake wiwitan, kang nemtokaken dhisikan Nilai saka dhaftar. Contone, sampeyan bisa nampilake dhaptar miwiti saka 10 th utawa 20 th. </p> <h2> nggunakake gaya </h2><p> HTML-printah kanggo situs sanget manéka warna, nanging kabeh padha ngrungokake gaya. Gaya bisa kasebut ing file ing sirah: <link rel = "stylesheet" href = http: // situs /article/256185/%E2%80%9Cstyle.css%E2%80%9D jinis = "text / css" > utawa ukuman gaya siap. </p> <p> Elinga antarane dhéfinisi iki gaya ana prabédan. Gaya Gambar bisa kasebut ing kabèh kaca ing situs iki. Sanalika sampeyan nggawe owahan kanggo iku, banjur nganyari iki bakal mengaruhi kabeh situs minangka wutuh. Yen sampeyan nemtokake gaya ing kaca tartamtu, owah-owahan lan nggunakake kelas iki bakal mung ing file. Ngluwihi iku kanggo setelan ora bakal metu. </p> <p> Mbayangno sing duwe 20 kaca-kaca ing HTML lan sampeyan arep gawe header 2 piksel liyane. Yen sampeyan duwe kabeh ing gaya file, banjur suntingan mung perlu kanggo nggawe ana. Yen kabeh individu, sampeyan kudu nganyari kabeh 20 kaca. </p> <p> Mung tumuju kaca siji minangka nderek. </p> <p><amp-img src="https://i23.delachieve.com/image/a64e41927de90eca.jpg" alt="html swara gaya" width="248" height="200" layout="intrinsic"></amp-img></p> <p> Cara iki ora dianjurake. </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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/apa-tata-div-nalika-nggawe-situs-pros-lan-cons/"> <p>Apa "tata div» nalika nggawe situs, Pros lan cons</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/mpls-apa-iku/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d3c448a87ed20ee0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d3c448a87ed20ee0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/mpls-apa-iku/"> <p>MPLS - apa iku?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/program-driver-nyurung-reviews-specialists/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c79a2af07e570ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c79a2af07e570ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/program-driver-nyurung-reviews-specialists/"> <p>Program Driver nyurung: reviews specialists</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/program-pisanan-ing-jawa-hello-world/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7a0868577e640ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7a0868577e640ed0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/program-pisanan-ing-jawa-hello-world/"> <p>Program pisanan ing Jawa - Hello World</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/kemunduran-lunak-testing-apa-testing-kemunduran/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/63beeb417e040ec5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/63beeb417e040ec5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/kemunduran-lunak-testing-apa-testing-kemunduran/"> <p>Kemunduran lunak testing. Apa testing kemunduran</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</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://jw.delachieve.com/programming-linear/"> <p>Programming linear</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/rambut-ingrown-ing-sikil-cara-kanggo-menehi-hasil-karo-wong-wong-mau/"> <p>Rambut Ingrown ing sikil - cara kanggo menehi hasil karo wong-wong mau?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kaendahan</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/keju-kiprino-biasa-produk-kualitas-dhuwur/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/befaad6e7df80ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/befaad6e7df80ecb-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/keju-kiprino-biasa-produk-kualitas-dhuwur/"> <p>Keju "Kiprino" - biasa produk kualitas dhuwur</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Pangan lan omben-omben</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/pusat-rekreasi-saka-altai-gunung-ing-mangsa-preian-aktif/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3f69eb367e450ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3f69eb367e450ecf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/pusat-rekreasi-saka-altai-gunung-ing-mangsa-preian-aktif/"> <p>Pusat rekreasi saka Altai Gunung ing mangsa. preian aktif</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Traveling</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/panggonan-lyarshe-ing-ngevaluasi-owahan-postmortem/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f16cafd67dc60ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f16cafd67dc60ec7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/panggonan-lyarshe-ing-ngevaluasi-owahan-postmortem/"> <p>Panggonan Lyarshe ing ngevaluasi owahan postmortem</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kesehatan</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/apa-jenis-peralatan-sijine-ing-is-3-instalasi-saka-peralatan-tambahan-world-of-tanks/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6a54f3e570030ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6a54f3e570030ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/apa-jenis-peralatan-sijine-ing-is-3-instalasi-saka-peralatan-tambahan-world-of-tanks/"> <p>Apa jenis peralatan sijine ing IS-3? Instalasi saka peralatan tambahan (World of Tanks)</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/enzim-sing-break-mudhun-lemak-ing-awak-manungsa/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6e1b15e97eee0ee5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6e1b15e97eee0ee5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/enzim-sing-break-mudhun-lemak-ing-awak-manungsa/"> <p>Enzim sing break mudhun lemak ing awak manungsa</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tatanan</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://jw.delachieve.com/jamur-psilocybin-macem-macem-distribusi-wektu-koleksi/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e6a9330c6f790e92-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e6a9330c6f790e92-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/jamur-psilocybin-macem-macem-distribusi-wektu-koleksi/"> <p>Jamur Psilocybin: macem-macem, distribusi, wektu koleksi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News lan Masyarakat</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/station-revolusi-square-sepur-dumunung-ing-tengah-moscow/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/14543375700f0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/14543375700f0ea3-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/station-revolusi-square-sepur-dumunung-ing-tengah-moscow/"> <p>Station "Revolusi Square" - sepur, dumunung ing tengah Moscow</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Traveling</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/carane-ngresiki-speaker-ing-telpon-dhewe/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/13c059e87e250ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/13c059e87e250ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/carane-ngresiki-speaker-ing-telpon-dhewe/"> <p>Carane ngresiki speaker ing telpon dhewe</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Teknologi</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/apa-kejut-cara-kanggo-nyegah-kondisi-iki/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/86e3f56b70930ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/86e3f56b70930ea6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/apa-kejut-cara-kanggo-nyegah-kondisi-iki/"> <p>Apa kejut: cara kanggo nyegah kondisi iki?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Poto-budidoyo</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/carane-tuwuh-watermelon-ing-tengah-lane/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/9a818ef1620d0e6b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/9a818ef1620d0e6b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/carane-tuwuh-watermelon-ing-tengah-lane/"> <p>Carane tuwuh watermelon ing tengah Lane?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Bisnis</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://jw.delachieve.com/aku-kepengin-weruh-ngendi-selena-gomez-urip/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7bbbd4436ff80ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7bbbd4436ff80ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://jw.delachieve.com/aku-kepengin-weruh-ngendi-selena-gomez-urip/"> <p>Aku kepengin weruh ngendi Selena Gomez urip?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts lan Hiburan</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 jw.delachieve.com. Theme powered by WordPress.</p> </div>  </div>  </div>  </footer> </div>  </div>  </div>  <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/"> </amp-pixel> </div> </body> </html>