tRikSonic
Tema
Home / All Post

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

HTML tt Tag

Terakhir diperbarui : 22 Mei 2018 - 07.21
Tutorial HTML <tt> Catatan : Element ini tidak support pada HTML 5 Element HTML tt mendefinisikan sebagai teletype text , salah satu contoh teletype text adalah hasil ketikan pada mesin tik , hasil keluaran komunikasi telegram ( alat komunikasi jaman dulu ) dsb. Contoh HTML <tt> Contoh 1 : <p> <tt>Lorem Ipsum Dolor Sit Amet...</tt> </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <tt>Lorem Ipsum Dolor Sit Amet...</tt> </p> </body> </html> Uji coba Browser Support HTML <tt> HTML Element Chrome Safari Firefox Opera IE / Edge <tt> Ya Ya Ya Ya Ya Default CSS : Browser yang support dengan element <tt> , mempunyai nilai default : tt { font-family: monospace; }
Baca selengkapnya

HTML td Tag

Terakhir diperbarui : 22 Mei 2018 - 07.26
Tutorial HTML <td> Element HTML td mendefinisikan sebagai table cell , element ini ini adalah element standart dalam membuat cell pada HTML table . Contoh HTML <td> Contoh 1 : <table> <tr> <td>Nama</td> <td>Umur</td> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </table> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> table { width: 100%; border-collapse: collapse; } td { border: 1px solid silver; padding: 8px; } </style> </head> <body> <table> <tr> <td>Nama</td> <td>Umur</td> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr...
Baca selengkapnya

HTML th Tag

Terakhir diperbarui : 22 Mei 2018 - 07.32
Tutorial HTML <th> Element HTML th mendefinisikan sebagai header cell , secara default element ini mempunyai efek tampilan dengan teks tebal dengan posisi berada ditengah. Contoh HTML <th> Contoh 1 : <table> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </table> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid silver; padding: 8px; } </style> </head> <body> <table> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Andi</td> <td>13 Tahun</td...
Baca selengkapnya

HTML tr Tag

Terakhir diperbarui : 22 Mei 2018 - 07.34
Tutorial HTML <tr> Element HTML tr digunakan untuk membuat baris pada table HTML, dan berisi 1 atau lebih element <th> atau <td> . Dalam Penulisannya di HTML element <tr> ditulis didalam element <table> , dengan ketentuan element <thead> , <tbody> , dan <tfoot> , tidak diikutsertakan. Tapi jika element HTML <thead> , <tbody> , dan <tfoot> diikutsertakan didalam element <table>...</table> , maka element <tr> wajib ditulis didalam rentang <thead>...</thead> atau <tbody>...</tbody> atau <tfoot>...</tfoot> Contoh HTML <tr> Contoh 1 : <table> <tr> <th>Nama</th> <th>Umur</th> </tr> <tr> <td>Andi</td> <td>13 Tahun</td> </tr> <tr> <td>Novy</td> <td>14 Tahun</td> </tr> </table> <!DOCTYPE html>...
Baca selengkapnya

HTML thead Tag

Terakhir diperbarui : 22 Mei 2018 - 07.39
Tutorial HTML <thead> Element HTML thead digunakan untuk mengelompokan kontent header pada HTML table Attribute HTML <thead> align Attribute ini tidak support pada HTML 5 Attribute ini digunakan untuk menentukan keselarasan atau posisi Contoh : <table> <thead align="right"> <tr> <th>Team A</th> <th>Team B</th> </tr> </thead> <tbody> <tr> <td>5</td> <td>7</td> </tr> <tr> <td>3</td> <td>5</td> </tr> </tbody> <tfoot> <tr> <th colspan="2">Jumlah</th> </tr> <tr> <td>8</td> <td>12</td> </tr> </tfoot> </table> <!DOCTYPE html> <html lang="id"> <head> <meta charset="utf-8"/> <title>Demo ...
Baca selengkapnya
Postingan Lebih BaruBerandaPostingan Lama