HTML menuitem, Referensi belajar HTML <menuitem>, Tutorial html menuitem, Penjelasan html <menuitem> Tutorial HTML <menuitem> Element HTML menuitem digunakan sebagai bagian dari element <menu> yang mendefinisikan item perintah melalui menu pop-up kontekstual ( menu yang keluar saat klik kanan ) Catatan : Periksa kembali table browser support mengenai element <menuitem> ini Penting : element ini telah dihapus dari standarisasi HTML Web, dan dalam proses penjatuhan. Meskipun beberapa browser masih menampilkannya dengan baik, disarankan untuk tidak menggunakannya , karena element ini bisa tidak berfungsi kapan saja. Tips : sebagai gantinya penggunaan JavaScript bisa menjadi alternative Contoh HTML <menuitem> < menu type = "context" id = "mymenu" > < menuitem label = "Refresh" onclick = "reload();" > </ menuitem > < menu label = "Bagikan" > < menuitem...

Baca selengkapnya

HTML source, Referensi belajar HTML <source>, Tutorial html source, Penjelasan html <source> Tutorial HTML <source> Element HTML source digunakan sebagai bagian dari element <picture> , <audio> , dan <video> . Element ini mengidentifikasi satu URL atau lebih sumber file media, baik itu gambar , audio ataupun video . > Dalam penulisannya element <source> wajib diletakan atau ditulis didalam element <picture> , <audio> , dan <video> , sebelum element <track> untuk audio dan audio . Tag Kelalaian ( Tag omission ) : wajib memiliki tag pembuka dan tidak memiliki tag penutup. Contoh ; < source src = "url.mp3" > atau < source src = "url.mp3" /> Contoh HTML <source> < audio controls > < source src = "guitar.mp3" type = "audio/mpeg" /> < source src = "guitar.ogg" type = "audio/ogg" /> </ audio > ...

Baca selengkapnya

HTML video, Referensi belajar HTML <video>, Tutorial html video, Penjelasan html <video> Tutorial HTML <video> Element HTML video digunakan untuk menyematkan file berupa video yang bisa diputar atau dimainkan pada halaman HTML Dalam penulisannya di document HTML, element <video> dapat disematkan attribute src yang menentukan lokasi file video berada. Element <video> didalam nya dapat juga diikutsertakan element <source> yang fungsinya juga sama seperti attribute src pada element <video> . Keutungan menggunakan element <source> didalam element <video> adalah kita bisa menuliskan lebih dari 1 format file video yang dapat membantu browser dalam menentukan type format apa yang tepat untuk diputar atau dimainkan. Jika ingin menampilakan teks subtitle atau sebuah caption atau berupa teks biasa saja pada video, element <track> dapat dituluiskan didalamnya. Tag Kelalaian ( Tag omission ) tidak ada untuk element i...

Baca selengkapnya

HTML noframes, Referensi belajar HTML <noframes>, Tutorial html noframes, Penjelasan html <noframes> Tutorial HTML <noframes> Element ini sudah tidak berlaku lagi pada HTML 5. Walaupun element ini masih bekerja dibeberapa browser, disarankan untuk tidak menggunakan element ini, karena bisa saja dihapus kapan saja Element HTML noframes digunakan sebagai element candangan yang akan ditampilkan oleh browser sebagai pemberitahuan atau menampilkan element HTML lainnya, jika browser tidak mendukung fitur element <frame> dan <frameset> . Dalam penerapannya element ini ditulis didalam element <frameset> Catatan : Element HTML <frameset> dan <frame> tidak berlaku lagi pada HTML 5 . Tips : gunakan element <iframe> sebagai gantinya. Contoh HTML <noframes> < frameset cols = "50%,50%" > < frame src = "//id-5.blogspot.com" > < frame src = "//example.com/" > ...

Baca selengkapnya

HTML picture, Referensi belajar HTML <picture>, Tutorial html picture, Penjelasan html <picture> Tutorial HTML <picture> Element HTML picture mendefinisikan sebagai element gambar pada HTML dan sebagai wadah dari element <img> dan element <source> 1 2 3 4 < picture > < source media = "(min-width: 350px)" srcset = "/background-html.png" /> < img alt = "demo" src = "/html-tutorial.png" /> </ picture > Dalam penerapannya pada HTML, jika element <picture> didalamnya terdapat element <source> , maka element <source> tersebut wajib mempunyai attribute srcset sebagai sumber media yang akan dimuat Penggunaan element <source> didalam element html <picture> memungkinkan penulis mendeklarasikan atau memberi petunjuk kepada user dan browser tentang sumber gambar yang akan digunakan baik itu berdasarkan kepadatan piksel layar, ukuran viewport...

Baca selengkapnya

Tutorial HTML <output> Element html output mendefinisikan sebagai hasil keluaran/perhitungan atau hasil tindakan yang dilakukan oleh user. Image by pixabay.com - belajar html <output> Contoh HTML <output> <form onsubmit="return false" oninput="total.value = jumlah.valueAsNumber * harga.value"> <h2>Keranjang Belanja</h2> <p> <label for="jumlah">Jumlah Barang</label> <input type="number" min="0" max="10" id="jumlah" name="jumlah"/> </p> <p> <label for="harga">harga</label> <input readonly value="10000" id="harga" name="harga"/> </p> <p>Total: <strong>IDR <output name="total" for="jumlah harga">0</output></strong> </p> </form> <!DOCTYPE html> <html> ...

Baca selengkapnya

Tutorial HTML <frameset> Element html frameset digunakan untuk menampung element HTML <frame> . Catatan : Element HTML <frameset> tidak berlaku lagi pada HTML 5 . Tips : gunakan element <iframe> sebagai gantinya. Menggunakan elemen <frameset> tidak dianjurkan karena beberapa kelemahan seperti masalah kinerja dan kurangnya aksesibilitas dalam pembacaan layar. Sebagai gantinya gunakan element <iframe> Contoh HTML <frameset> <frameset cols="50%,50%"> <frame src="//id-5.blogspot.com"> <frame src="//example.com/"> </frameset> <!DOCTYPE html> <html> <frameset cols="50%,50%"> <frame src="//id-5.blogspot.com"> <frame src="//example.com/"> </frameset> </html> Uji coba Attribute HTML <frameset> cols Attribute ini digunakan untuk menentukan ukuran kolom element frameset Nilai atau value ini adalah pixe...

Baca selengkapnya

Tutorial HTML <frame> Element html frame mendefinisikan suatu area window, dimana element ini dapat menampilkan halaman dokument HTML lainnya. Catatan : Element HTML <frame> tidak berlaku lagi pada HTML 5 . Tips : gunakan element <iframe> sebagai gantinya. Dalam penulisannya pada document HTML, element frame ditulis didalam element <frameset> . Menggunakan elemen <frame> tidak dianjurkan karena beberapa kelemahan seperti masalah kinerja dan kurangnya aksesibilitas dalam pembacaan layar. Sebagai gantinya gunakan element <iframe> Contoh HTML <frame> <frameset cols="50%,50%"> <frame src="//id-5.blogspot.com"> <frame src="//example.com/"> </frameset> <!DOCTYPE html> <html> <frameset cols="50%,50%"> <frame src="//id-5.blogspot.com"> <frame src="//example.com/"> </frameset> </html> Uji coba Attribu...

Baca selengkapnya

Tutorial HTML <center> Element html center digunakan untuk memblock dari beberapa element dan mempunyai style posisi berada ditengah. Catatan : Element HTML <center> tidak berlaku lagi pada HTML 5 . Tips : gunakan CSS sebagai gantinya. Contoh HTML <center> <center> <h1>Heading 1</h1> <p>Tutorial Blog</p> </center> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <center> <h1>Heading 1</h1> <p>Tutorial Blog</p> </center> </body> </html> Uji coba Karena element ini sudah tidak valid lagi pada HTML 5 , disarankan menggunakan css. Contoh : <!--CSS--> <style> .center { text-align : center; } </style> <!--HTML--> <div class="center"> <h1>Heading 1</h1> <p>Tutorial Blog</p> </div> <!DOCTY...

Baca selengkapnya

Tutorial HTML <big> Element html big digunakan untuk memperbesar teks naik satu tingkat dari ukuran teks yang ada disekitarnya. Catatan : Element HTML <big> tidak berlaku lagi pada HTML 5 . Tips : gunakan CSS sebagai gantinya. Contoh HTML <big> <p> Tutorial Blog </p> <p> <big>Tutorial Blog</big> </p> <p> Tutorial <big>Blog</big> </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Tutorial Blog </p> <p> <big>Tutorial Blog</big> </p> <p> Tutorial <big>Blog</big> </p> </body> </html> Uji coba Karena element ini sudah tidak valid lagi pada HTML 5, disarankan menggunakan css. Contoh : <!--CSS--> <style> .big { font-size : large; } .big-2 { font-size : 150%; } </style> <!--HTML--...

Baca selengkapnya