Pelajaran Syntax HTML Button & Caption

Pelajaran Syntax HTML Button & Caption
Kita melanjutkan pelajaran Bahasa Syntax HTML

BAB <button>

berfungsi mendefinisikan sebuah tombol pada halaman situs atau web
contohnya :

<button type="submit">Klik disini untuk menyimpan ya</button>

jika divisualisasikan seperti dibawah ini :

=================================================================
BAB <caption>

Berfungsi mendefinisikan judul pada tabel
Contohnya :

<table border="1"
<caption>DAFTAR KORUPTOR</caption>
<tr>
<th>BERITA</th>
<th>Nama Koruptor</th>
</tr>
<tr>
<td>Detik</td>
<td>Si Fulan</td>
</tr>
</table>

Jika divisualisasikan maka seperti ini :
DAFTAR KORUPTOR

BERITA
Nama Koruptor
Detik
Si Fulan
==================================================================
BAB <center>

Berfungsi menampilkan teks ditengah halaman situs atau web
Contohnya :

<center>Tulisan ini ditampilkan ditengah halaman anda</center>

Visualisasinya seperti dibawah ini :
Tulisan ini ditampilkan ditengah halaman anda ===================================================================
BAB <cite>
berfungsi mendefinisikan kutipan yang membuat tulisannya menjadi miring
Contohnya :

<cite>Hidup itu hanya sekali</cite> maka pergunakanlah hidup sebaik-baiknya.

Visualisasinya adalah :
Hidup itu hanya sekali maka pergunakanlah hidup sebaik-baiknya.
====================================================================
BAB <code>

Berfungsi mendefinisikan teks yang berisi kode-kode komputer agar para pengunjung memahaminya lebih jelas.
 Contohnya :

<code> Hati-hati ini adalah bahasa kode pemograman</code>

Visualisasinya seperti contoh dibawah ini :
Hati-hati ini adalah bahasa kode pemograman
=====================================================================
BAB <col>

Berfungsi mendefiniskan nilai atribut kolom pada tabel.
Contohnya :

<table width="100%" boder="1">
<col align="left" />
<col align="left" />
<col align="right" />
<tr>
<th>JUDUL BUKU</th>
<th>ISBN</th>
<th>HARGA</th>
</tr>
<tr>
<td>Mahir menganalisa pergerakan harga & membuat EA</td>
<td>978-876-777-4-07</td>
<td>Rp 125.000</td>
</tr>
</table>

Catatan : anda harus mengetahui bahwa pada browser firefox, hanya atribut width pada tag <col> yang dapat berfungsi, adapun atribut lainnya seperti align pada contoh diatas tidak berfungsi.

Adapun Visualisasinya seperi dibawah ini :

JUDUL BUKU	ISBN	HARGA
Mahir menganalisa pergerakan harga & membuat EA	978-876-777-4-07	Rp 125.000

================================================================
 BAB <colgroup>

Berfungsi mengelompokkan kolom pada tabel untuk kebutuhan format table
Contohnya :

<table width="100%" border="1">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right" style="color:#000ff;">
</colgroup>
<tr>
<th>JUDUL BUKU</th>
<th>ISBN</th>
<th>HARGA</th>
</tr>
<tr>
<td>Mahir menganalisa pergerakan harga & membuat EA</td>
<td>978-876-777-4-07</td>
<td>Rp 125.000</td>
</tr>
</table>

Catatan : anda harus mengetahui bahwa pada browser firefox,Chrome dan safari hanya mendukung atribut span dan width pada tag <colgroup> yang dapat berfungsi, adapun atribut lainnya seperti align pada contoh diatas tidak berfungsi.

Adapun Visualisasinya dapat dilihat dibawah ini :

JUDUL BUKU	ISBN	HARGA
Mahir menganalisa pergerakan harga & membuat EA	978-876-777-4-07	Rp 125.000

===================================================================