tRikSonic
Tema
Menampilkan konten pada kategori HTML Attribute

terkait dengan HTML

HTML title Attribute

Terakhir diperbarui : 24 Mei 2018 - 21.58
Tutorial Attribute title Attribute title Digunakan untuk menentukan sebagai title atau informasi tambahan pada sebuah element yang sudah ditentukan. Contoh Attribute title < a href = "#" title = "Blog Tutorial" > TrikSonic Blog </ a > < p title = "Blog Tutorial" > TrikSonic Blog </ p > < button title = "ini adalah element button" > button </ button > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <a href="#" title="Blog Tutorial">TrikSonic Blog</a> <p title="Blog Tutorial">TrikSonic Blog</p> <button title="ini adalah element button">button</button> </body> </html> Uji coba Attribute Value Attribute Value Deskripsi title Teks Menampilkan teks berupa tooltip saat ...
Baca selengkapnya

HTML tabindex Attribute

Terakhir diperbarui : 24 Mei 2018 - 22.03
Tutorial Attribute tabindex Attribute tabindex digunakan untuk menentukan urutan tab pada element yang telah ditentukan, dan penggunaanya menggunakan tombol Tab pada keyboard. Contoh Attribute tabindex < a href = "#" tabindex = "1" > tabindex 1 </ a > < br > < a href = "#" tabindex = "6" > tabindex 6 </ a > < br > < a href = "#" tabindex = "4" > tabindex 4 </ a > < br > < a href = "#" tabindex = "5" > tabindex 5 </ a > < br > < a href = "#" tabindex = "3" > tabindex 3 </ a > < br > < a href = "#" tabindex = "2" > tabindex 2 </ a > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <a href="#" tabindex="1...
Baca selengkapnya

HTML style Attribute

Terakhir diperbarui : 8 April 2018 - 09.29
Tutorial Attribute tabindex Attribute style digunakan untuk menentukan gaya CSS inline pada element. Contoh Attribute style <div style="height:100px; background:cyan;"> Element div dengan attribute style </div> <p style="color:blue;"> Element p dengan attribute style </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <div style="height:100px; background:cyan;"> Element div dengan attribute style </div> <p style="color:blue;"> Element p dengan attribute style </p> </body> </html> Uji coba Attribute Value Attribute Value Deskripsi style style_definitions Menentukan urutan Tab ketika Tab keybord ditekan (posisi default pada angka 1) Browser Support : Attribute Chrome Safari Firefox Opera IE / Edge style Ya Ya Ya Ya Ya
Baca selengkapnya

HTML spellcheck Attribute

Terakhir diperbarui : 8 April 2018 - 09.30
Tutorial Attribute spellcheck Attribute spellcheck digunakan untuk menentukan apakah teks pada element perlu di cek tata bahasanya atau tidak. Didalam Tampilan browser jika attribute ini digunakan biasanya teks yang dianggap salah, akan diberi tanda garis merah bergelombang atau sejenisnya. Attribute Value Attribute Value Deskripsi spellcheck true dan false menentukan teks perlu diperiksa atau tidak perlu diperiksa tata bahasanya Contoh Attribute spellcheck <textarea spellcheck="true"> Blogger.com - Createeeee a unique and beautiful blog. It's easy and free. </textarea> <textarea spellcheck="false"> Blogger.com - Createeeee a unique and beautiful blog. It's easy and free. </textarea> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <textarea spellcheck="true"> Blogger.com - Createeeee a unique an...
Baca selengkapnya

HTML lang Attribute

Terakhir diperbarui : 8 April 2018 - 09.31
Tutorial Attribute lang Attribute lang Digunakan untuk menentukan bahasa yang digunakan pada sebuah element Attribute Value Attribute Value Deskripsi lang Kode Bahasa Menentukan jenis bahasa yang digunakan selengkapanya mengenai kode bahasa HTML HTML Language Code Contoh Attribute lang <article> <h2>Surah Al- Fatihah</h2> <p lang="ar" dir="rtl">بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ</p> <p>Dengan nama Allah yang Maha Pengasih lagi Maha Penyayang</p> <p lang="ar" dir="rtl">اَالْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَ</p> <p>Segala puji bagi Allah, Tuhan seru sekalian alam</p> <p lang="ar" dir="rtl">اَلرَّحْمٰنِ الرَّحِيْمِ</p> <p>Yang Maha Pengasih lagi Maha Penyayang</p> <p lang="ar" dir="rtl">مٰلِكِ يَوْمِ الدِّيْنِ</p> <p>Yang Menguasai hari pembalasan</p> <p...
Baca selengkapnya

HTML id Attribute

Terakhir diperbarui : 8 April 2018 - 09.33
Tutorial Attribute id Attribute id digunakan untuk menentukan sebuah ID atau identitas unik pada sebuah element. Attribute id dapat disisipakan CSS sebagai pemanis tampilan. Attribute id dalam penggunaan javascript lebih dianjurkan dari pada Attribute class Attribute Value Attribute Value Deskripsi id ID_unik Menentukan nama ID unik pada element HTML Nama ID harus berbeda dengan nama ID lainnya Nama ID tidak boleh ada space Besar kecil karakter sangat mempengaruhi Contoh Attribute id <style> #div-area { padding: 15px; background: beige; border: 1px solid silver; } </style> <p id="div-area"> TrikSonic </p> <button onclick="demo();">Klik Button ini</button> <script> function demo() { var elem = document.getElementById("div-area"); elem.innerHTML = "TUTORIAL BLOG"; alert("Javascript"); } </script> <!DOCTYPE html> <html lang="id...
Baca selengkapnya

HTML hidden Attribute

Terakhir diperbarui : 8 April 2018 - 09.33
Attribute hidden Digunakan untuk menentukan untuk menyembunyikan sebuah element. Attribute Value Nilai atau value attribute ini adalah hidden Menentukan element yang disertai attribute ini akan tersembunyi atau mendapat gaya css dispay:none; Attribute ini bersifat boolean , yang artinya attribute ini bisa ditulis nilai valuenya maupun tidak Contoh Attribute hidden <article> <h2>Judul Artikel</h2> <p hidden="hidden">Teks ini tidak terlihat</p> <p>Teks ini dapat dilihat</p> <p hidden>Teks ini tidak terlihat</p> </article> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> article { padding: 15px; background: #ffcece; border: 2px solid #f37f7f; border-radius: 5px; } </style> </head> <body> <article> <h2>Judul Artikel</h2> <p hidden="hidden"...
Baca selengkapnya