tRikSonic
Tema
Home / All Post

HTML output Tag

Terakhir diperbarui : 22 Mei 2018 - 06.54
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

HTML frameset Tag

Terakhir diperbarui : 22 Mei 2018 - 06.56
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

HTML frame Tag

Terakhir diperbarui : 22 Mei 2018 - 06.59
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

HTML center Tag

Terakhir diperbarui : 22 Mei 2018 - 07.00
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

HTML big Tag

Terakhir diperbarui : 22 Mei 2018 - 07.04
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

HTML map Tag

Terakhir diperbarui : 22 Mei 2018 - 07.06
Tutorial HTML <map> Element HTML map medefinisikan sebagai Peta Gambar pada HTML, element ini digunakan untuk menentukan satu atau lebih hyperlink pada sebuah gambar, ilustrasinya adalah navigasi link berupa gambar, berdasarkan koordinat yang sudah ditentukan Dalam penerapannya pada HTML, element <map> terintegrasi dengan element <img> yang mempunyai attribute usemap . Tag kelalaian ( Tag omission ) tidak berlaku untuk element ini, jadi element ini wajib memiliki tag pembuka dan tag penutup . Element HTML <area> berperan penting ditulis didalam rentang element <map>...</map> . Element <area> digunakan untuk menentukan titik koordinat atau wilayah yang mempunyai hyperlink . Attribute HTML <map> name Attribute ini wajib ditulis pada element <map> dan nilai atau value attribute ini tidak boleh ada karakter berupa space Dalam menentukan value attribute ini diambil berdasarkan attribute usemap pada element ...
Baca selengkapnya

HTML rp Tag

Terakhir diperbarui : 22 Mei 2018 - 07.08
Tutorial HTML <rp> Element html rp mendefinisikan sebagai Ruby Parentheses ( tanda kurung untuk karakter ruby ), element ini sangat bagus digunakan sebagai element pendukung penulisan karakter ruby. Element <rp> harus ditulis didalam element <ruby> dan sebagai pembungkus element <rt> . Tag kelalaian ( Tag omission ) tidak berlaku untuk element ini, jadi element ini wajib memiliki tag pembuka dan tag penutup . Tampilan HTML <rp> Jika browser mendukung element <ruby> , maka element HTML <rp> tidak akan terlihat, atau mempunyai style display:none; . Tetapi jika browser tidak mendukung anotasi <ruby> , maka karakter yang berada dalam rentang <rp>...</rp> akan terotomatis dapat terbaca oleh browser. Contoh HTML <rp> <p> <ruby> 地板脏了<rp>(</rp> <rt>Dìbǎn zàngle</rt> <rp>)</rp> </ruby> </p> <!DOCTYPE html> <html> <head> <meta ...
Baca selengkapnya

HTML rt Tag

Terakhir diperbarui : 22 Mei 2018 - 07.11
Tutorial HTML <rt> Element html rt mendefinisikan sebagai ruby text ( teks ruby ), element ini digunakan sebagai komponen teks ruby dari karakter ruby, yang digunakan untuk memberikan informasi pengucapan , terjemahan , atau transliterasi untuk tipografi khususnya negara yang berada di Asia Timur Element <rt> harus ditulis didalam element <ruby> . Secara default , tampilan element <rt> akan ditampilkan dengan font yang lebih kecil dari ukuran teks yang ada disekitarnya, dan mempunyai posisi berada di atas. Contoh HTML <rt> <ruby> イン <rt>in</rt> ド <rt>do</rt> ネ <rt>ne</rt> シア <rt>shia</rt> </ruby> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p style="font-size:2.5rem;"> <ruby> イン <rt>in</rt> ド <rt>do</rt>...
Baca selengkapnya

HTML ruby Tag

Terakhir diperbarui : 22 Mei 2018 - 07.16
Tutorial HTML <ruby> Element html ruby mendefinisikan anotasi ruby atau aksara ruby atau karakter ruby , Apa itu anotasi ruby. Karakter rubi (ルビ?) adalah huruf kecil, pemberi keterangan yang diletakkan di atas atau dikanan dari huruf Tionghoa ketika menulis bahasa dengan aksara morfemis seperti Bahasa Tionghoa dan Jepang yang digunakan untuk menunjukkan pengucapan. Biasanya disebut ruby atau rubi, yang digunakan sebagai panduan pengucapan untuk karakter yang tidak familiar bagi pembaca. https://id.wikipedia.org/wiki/Aksara_rubi Dalam penulisannya element <ruby> dapat diikutsertakan element <rb> , <rt> , <rtc> dan <rp> sebagai element pendukung Element <ruby> sering digunakan dalam tipografi Asia Timur ( china , korea , jepang ) sebagai acuan untuk bantuan pengucapan atau untuk keterangan karakter lainnya. Contoh HTML <ruby> Contoh berikut menggunakan aksara sederhana bahasa china. <p> <ruby>地板脏了<rt>Dìbǎn ...
Baca selengkapnya

HTML time Tag

Terakhir diperbarui : 22 Mei 2018 - 07.18
Tutorial HTML <time> Element HTML time digunakan untuk menulis format tanggal dan waktu. Dalam penulisannya, element <time> berpatokan kepada format masehi dalam kalender . Element <time> jika dalam penulisannya tanpa diikutsertakan attribute datetime , maka sifatnya wajib mengikuti format standar international ISO 8601 dan tidak boleh ada element html apapun didalamnya. Contoh HTML <time> <p> Rapat hari ini akan dibuka pada pukul <time>08:40</time> dan kalau sesuai jadwal akan ditutup pada pukul <time>11:00</time> </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Rapat hari ini akan dibuka pada pukul <time>08:40</time> dan kalau sesuai jadwal akan ditutup pada pukul <time>11:00</time> </p> </body> </html> Uji coba Contoh HTML <time> <h2...
Baca selengkapnya
Postingan Lebih BaruBerandaPostingan Lama