tRikSonic

HTML ul Tag

Terakhir diperbarui : 23 Mei 2018 - 16.12
Tutorial HTML <ul> HTML ul Tag - belajar html <ul> . HTML ul mempunyai definisi sebagai daftar bullet / berbutir / berpoint . Dalam penulisan pada html, element ini biasanya diikutsertakan element <li> sebagai element pembuat daftar. Element <ul> didalam html, bisa ditulis secara berulang atau bercabang tanpa ada batasan jumlah penulisan, asal setiap panambahan element <ul> didalam element <ul> itu sendiri, selalu ditutup dengan tag penutup html yang benar. Contoh HTML <ul> < ul > < li > Daftar List 1 </ li > < li > Daftar List 2 </ li > < li > Daftar List 3 </ li > < li > Daftar List 4 </ li > < li > Daftar List 5 </ li > </ ul > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <ul> <li>Daftar List 1</li> <l
Baca selengkapnya

HTML li Tag

Terakhir diperbarui : 23 Mei 2018 - 16.23
Tutorial HTML <li> : HTML li Tag - belajar html li. Element li mempunyai definisi sebagai daftar list berupa item, Dalam penulisan pada html, element <li> ditulis di dalam rentang element <ol> , <li> dan <menu> . Element <li> akan menyesuaikan fungsinya dengan element yang membungkusnya. misal : jika yang membungkusnya element <ol> , maka akan menghasilkan tampilan daftar list berupa angka ( numbered list ), jika yang membungkusnya element <ul> , maka akan menghasilkan tampilan daftar list berupa bulatan titik ( bullet list ). Contoh HTML <li> : < ul > < li > Mawar </ li > < li > melati </ li > < li > Anggrek </ li > </ ul > < ol > < li > Mawar </ li > < li > melati </ li > < li > Anggrek </ li > </ ol > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title
Baca selengkapnya

HTML legend Tag

Terakhir diperbarui : 23 Mei 2018 - 16.31
Tutorial HTML <legend> : HTML legend Tag - belajar html legend, element legend mempunyai definisi sebagai keterangan atau sebagai judul dari element <fieldset> . Didalam penulisan html element <legend> ditulis setelah tag pembuka element <fieldset> . Contoh HTML <legend> < form > < fieldset > < legend > KOMENTAR </ legend > < textarea placeholder = "masukan komentar kamu disini..." > </ textarea > </ fieldset > </ form > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> textarea { width : 100%; height : 150px; resize : none; background : beige; } </style> </head> <body> <form> <fieldset> <legend>KOMENTAR</legend> <textarea placeholder="masukan komentar kamu disini..."></textarea> </fieldset> <
Baca selengkapnya

HTML label Tag

Terakhir diperbarui : 23 Mei 2018 - 16.39
Tutorial HTML <label> : HTML label Tag - belajar html label, element label mempunyai fungsi sebagai label atau identitas pada element yang terkait dengan form field, contoh nya : <form> , <input> dan lain sebagainya. Contoh HTML <label> < label > < input type = "text" /> </ label > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <label> <input type="text"/> </label> </body> </html> Uji coba Attribute HTML <label> for Mengikat penggunakan label berdasarkan ID tertentu Contoh : < form > < label for = "nama-lengkap" > Nama Lengkap : </ label > < input type = "text" id = "nama-lengkap" /> < br > < label for = "alamat-lengkap" > Alamat Lengkap : </ label >
Baca selengkapnya

HTML kbd Tag

Terakhir diperbarui : 23 Mei 2018 - 16.52
Tutorial HTML <kbd> HTML kbd Tag - belajar html kbd , element kbd adalah salah satu dari tag phrase atau frase , elemen ini mendefinisikan input keyboard . Contoh Tag Phrase adalah sebagai berikut <em> <code> <kbd> <samp> <strong> <var> Contoh penerapan html <kbd> < p > < kbd > Ctrl </ kbd > + < kbd > Alt </ kbd > + < kbd > Delete </ kbd > . </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd>. </p> </body> </html> Uji coba Global Attributes: Element <kbd> mencakup Global Attributes HTML . Event Attributes: Element <kbd> mencakup Event Attributes HTML . Browser Support : Desktop Chrome Ya Sa
Baca selengkapnya

HTML ins Tag

Terakhir diperbarui : 24 Mei 2018 - 17.06
Tutorial HTML <ins> Element <ins> mempunyai definisi sebagai element yang digunakan untuk memasukan teks atau update tambahan pada sebuah dokumen yang sudah ada. Element <ins> umumnya digunakan sebagai update dari element <del> . Element del mempunyai definisi sebagai penanda pada sebuah teks bahwa teks yang diapit oleh element <del> telah dihapus atau tak terpakai pada sebuah konten teks. Selengkapnya mengenai element HTML del . Contoh HTML <ins> < p > Istri saya < del > sedang hamil </ del > < ins > sudah melahirkan </ ins > </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Istri saya <del>sedang hamil</del> <ins>sudah melahirkan</ins> </p> </body> </html> Uji coba Attribute HTML <ins> HTML element <ins>
Baca selengkapnya

HTML iframe Tag - Tutorial HTML

Terakhir diperbarui : 24 Mei 2018 - 17.10
Tutorial HTML <iframe> Element iframe mempunyai definisi sebagai element yang digunakan untuk memasukan atau memanggil dokumen html dari sumber lainnya, contoh memanggil video, menampilkan website lain, script iklan, Aplikasi HTML dan sebagainya. Contoh HTML <iframe> < iframe src = "//example.com/" > Maaf browser kamu tidak support element iframe </ iframe > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <iframe src="//example.com/"> Maaf browser kamu tidak support element iframe </iframe> </body> </html> Uji coba Attribute HTML <iframe> align Menentukan keselarasan posisi Catatan : Attribute ini sudah tidak berlaku untuk HTML5 Tips : Gunakan CSS sebagai Gantinya. Contoh : < iframe align = "right" src = "//example.com/" > </ iframe > &
Baca selengkapnya

HTML img Tag

Terakhir diperbarui : 24 Mei 2018 - 17.31
Tutorial HTML <img> Element img mempunyai definisi sebagai element file media berupa image atau gambar. Contoh HTML <img> < img alt = "HTML Tutorial" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3NfFfRFXQHo-hYdFip5dpO0I9mFLjJMPH-i4x5ex_0btub9z4iULzxQ1ybibwvBS8uUsI309Pas_KNlX_8RTzPc5Pmi4dLQOrl6ZdED6GCRrg_r2Nw6xnWmLXyBxSsmOZksC5zPqxpPID/s1600/html-tutorial.png" title = "HTML Tutorial" /> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <img alt="HTML Tutorial" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3NfFfRFXQHo-hYdFip5dpO0I9mFLjJMPH-i4x5ex_0btub9z4iULzxQ1ybibwvBS8uUsI309Pas_KNlX_8RTzPc5Pmi4dLQOrl6ZdED6GCRrg_r2Nw6xnWmLXyBxSsmOZksC5zPqxpPID/s1600/html-tutorial.png" title="HTML Tutorial" /> </body> </html> Uji coba Dalam
Baca selengkapnya

HTML header Tag

Terakhir diperbarui : 24 Mei 2018 - 17.56
Penjelasan html <header> : Element HTML header adalah satu dari beberapa tag dokumen semantik baru yang diperkenalkan pada HTML5 . Element ini digunakan untuk mendefinisikan bagian pembuka atau pengantar pada sebuah element atau sebagai kepala untuk bagian-bagian konten. Dalam penerapan pada HTML, elemen <header> sangat cocok jika didalamnya terdapat element <h1> - <h6> Element <header> dapat digunakan untuk seluruh halaman (penggunaan yang paling umum), tetapi juga dapat digunakan sebagai header untuk element <article> atau bagian lain pada dokumen html. Dalam penulisan html, element ini diperbolehkan ditulis lebih dari satu element <header> Catatan : Element ini tidak bisa di tulis pada element <footer> , <address> , dan juga didalam element <header> itu sendiri. Maksud dari catatan diatas adalah sebagai berikut : Tidak bisa didalam element footer ; Element footer dalam penggunaan dan penegasann
Baca selengkapnya