tRikSonic
Tema
Home / All Post

HTML tfoot Tag

Terakhir diperbarui : 22 Mei 2018 - 07.42
Tutorial HTML <tfoot> Element HTML tfoot digunakan untuk mengelompokan kontent kaki pada HTML table Pada HTML 4 , element <tfoot> tidak bisa ditulis setelah element tbody dan tr Pada HTML 5 , element <tfoot> harus muncul setelah element caption , colgroup , thead , dan tbody . Catatan : ini merupakan standarisasi pada HTML 5 Berikut salah satu contoh penulisan yang memenuhi standarisasi HTML 5 : <!DOCTYPE html> <html lang="id"> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <table> <thead> <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...
Baca selengkapnya

HTML tbody Tag

Terakhir diperbarui : 22 Mei 2018 - 07.44
Tutorial HTML <tbody> Element HTML <tbody> digunakan untuk mengelompokan kontent tubuh pada HTML table , dalam penulisannya di HTML, element <tbody> harus diletakkan didalam element HTML <table>...</table> setelah element <caption> , <colgroup> dan <thead> . Contoh HTML <tbody> <table> <thead> <tr> <th>Nama</th> <th>Umur</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>12 Tahun</td> </tr> </tbody> </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> <thead> <tr> <th...
Baca selengkapnya

HTML table Tag

Terakhir diperbarui : 22 Mei 2018 - 07.48
Tutorial HTML <table> Element HTML <table> mendefinisikan table HTML, element ini digunakan sebagai element yang mewakili Data Tabular , yang berisi informasi data yang terdiri dari kolom dan baris. Contoh HTML <table> <table> <thead> <tr> <th>Nama</th> <th>Umur</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>12Tahun</td> </tr> </tbody> </table> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <table> <thead> <tr> <th>Nama</th> <th>Umur</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>12Tahun</td> </tr> </tbody> </table> </body> </ht...
Baca selengkapnya

HTML acronym Tag

Terakhir diperbarui : 22 Mei 2018 - 07.50
Tutorial HTML <acronym> Element HTML acronym mempunyai fungsi sebagai element yang menjelaskan singkatan dari sebuah kata. Catatan : Element HTML <acronym> tidak berlaku lagi pada HTML 5 . Sebagai gantinya gunakan element <abbr> . Contoh HTML <acronym> < p > < acronym title = "Anggaran Pendapatan dan Belanja Negara" > APBN </ acronym > adalah rencana keuangan tahunan pemerintahan negara Indonesia yang ...dst. </ p > <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <acronym title="Anggaran Pendapatan dan Belanja Negara">APBN</acronym> adalah rencana keuangan tahunan pemerintahan negara Indonesia yang ...dst. </p> </body> </html> Uji coba Global Attributes: <acronym> mencakup Global Attributes HTML . Event Attributes: Element <acr...
Baca selengkapnya

HTML font Tag

Terakhir diperbarui : 22 Mei 2018 - 07.53
Tutorial HTML <font> Element HTML font digunakan sebagai element yang mengatur jenis font , warna dan ukuran pada sebuah teks . Catatan : Element HTML <font> tidak berlaku lagi pada HTML 4.01 dan usang pada HTML 5. Tips : Gunakan CSS sebagai pengganti hasil output element ini Attribute HTML <font> color Attribute ini digunakan untuk mengatur warna yang akan dihasilkan oleh element font Contoh : <p> <font color="red">Lorem Ipsum</font> </p> <p> <font color="#201da5">Lorem Ipsum</font> </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <font color="red">Lorem Ipsum</font> </p> <p> <font color="#201da5">Lorem Ipsum</font> </p> </body> </html> Uji coba Nilai atau value attribute ini adal...
Baca selengkapnya

HTML samp Tag

Terakhir diperbarui : 22 Mei 2018 - 07.55
Tutorial HTML <samp> Element HTML samp digunakan sebagai tempat menuliskan output sample dari bahasa program komputer ( html , javascript , kode PHP , C++ dan lain lain) melalui sebuah teks. Contoh HTML <samp> <pre> &lt;div&gt; &lt;b:attr cond=&#039;data:view.isSearch&#039; name=&#039;id&#039; value=&#039;searchPage&#039;/&gt; &lt;/div&gt; </pre> <p> maka akan menghasilkan : <samp>&lt;div id=&quot;searchPage&quot;&gt;...&lt;/div&gt;</samp> </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <pre> &lt;div&gt; &lt;b:attr cond=&#039;data:view.isSearch&#039; name=&#039;id&#039; value=&#039;searchPage&#039;/&gt; &lt;/div&gt; </pre> <p> maka akan menghasilkan : <samp>&lt;di...
Baca selengkapnya

HTML strike Tag

Terakhir diperbarui : 22 Mei 2018 - 07.57
Tutorial HTML <strike> Element html <strike> mendefinisikan teks yang tercoret. Catatan : Element <strike> tidak berlaku lagi pada HTML4 dan XHTML1 , dan usang pada HTML5 , meskipun masih berkerja dengan baik pada browser Tips : Jika semantik benar gunakan <del> atau <s> sebagai penggantinya. Contoh HTML <strike> <p> Lorem <strike>ipsum dolor</strike> sit amet </p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Lorem <strike>ipsum dolor</strike> sit amet </p> </body> </html> Uji coba Global Attributes: Element <strike> mencakup Global Attributes HTML . Event Attributes: Element <strike> mencakup Event Attributes HTML . Browser Support : Desktop Element Chrome Safari Firefox Opera IE Edge <strike> Ya Ya Ya Ya Ya Ya Mobile Element Android webvie...
Baca selengkapnya

HTML style Tag

Terakhir diperbarui : 22 Mei 2018 - 08.00
Tutorial HTML <style> Element html style digunakan untuk menentukan informasi gaya atau menentukan bagaimana document html di tampilkan. Dalam penulisan pada document HTML , element style dianjurkan peletakannya didalam rentang element <head>...</head> , walaupun browser masih sangat baik membaca jika peletakannya di dalam element <body>...</body> , tapi dalam penulisan html yang baik dan benar meletakan element <style>  didalam element <body>...</body> merupakan hal yang tidak dianjurkan. Contoh HTML <style> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> body { font-family : verdana, sans-serif, arial; font-size : 16px; } h1 { color : red; } </style> </head> <body> <h1>Heading 1</h1> <p>Ini Konten berupa teks</p> </body> </html> <!DOCTYPE html> <html> ...
Baca selengkapnya

HTML summary Tag

Terakhir diperbarui : 22 Mei 2018 - 09.56
Tutorial HTML <summary> Element HTML <summary> digunakan sebagai heading , judul atau keterangan untuk element html <detail> . Element <summary> dalam penerapannya harus menjadi element pertama didalam element <detail> . Contoh HTML <summary> <details> <summary>Agen Kami</summary> <ol> <li>Anita, +620000000000</li> <li>merrie, +620000000000</li> <li>Nanda, +620000000000</li> </ol> </details> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <details> <summary>Agen Kami</summary> <ol> <li>Anita, +620000000000</li> <li>merrie, +620000000000</li> <li>Nanda, +620000000000</li> </ol> </details> <p> Klik teks diatas untuk menampilkan dan menghilangk...
Baca selengkapnya

HTML textarea Tag

Terakhir diperbarui : 22 Mei 2018 - 10.01
Tutorial HTML <texarea> Element HTML <texarea> digunakan untuk kontrol teks input multi baris. Secara default element ini dapat menampung karakter dengan jumlah tak terbatas, dan ukuran font didalamnya berukuran sama. Contoh HTML <texarea> <textarea>...</textarea> <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <textarea> Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. </textarea> </body> </html> Uji coba Attribute HTML <texarea> autocapitalize Attribute ini adalah attribute yang tidak standart, yang berlaku untuk Webkit IOS (baik itu firefox ,...
Baca selengkapnya
Postingan Lebih BaruBerandaPostingan Lama