Rabu, 22 April 2015

HTML Table (3) : Rowspan dan Colspan pada tabel

Rowspan merupakan attribute dari tag <td> yang digunakan untuk menggabungkan antara kolom yang memiliki baris berbeda. Contoh penggunaan attribute :
<td rowspan=”nilai”>

Colspan merupakan attribute dari tag <td> yang digunakan untuk menggabungkan kolom dengan kolom lainnya pada baris yang sama. Contoh penggunaan attribute :
<td colspan=”nilai”>

HTML Table (2) : Pembuatan tabel

Pada artikel sebelumnya kita sudah membahas mengenai dasar tabel seperti bagaimana struktur tabel, apa perbedaan baris dan kolom, dll. sekarang kita akan mencoba membuat tabel dengan HTML.

Contoh : Tabel.html

Senin, 20 April 2015

HTML Table (1) : Pengenalan dan struktur dasar tabel

Tabel biasanya digunakan untuk menyajikan sebuah data pada halaman web. Tabel di definisikan dengan tag <Table> dan memiliki tutup tag. Table terdiri dari sebuah baris dan kolom, Sebelumnya kita perlu mengetahui perbedaan baris dan kolom.

HTML Link

Html menyediakan tag yang dapat mengarahkan kita pada halaman lain yakni dengan mengklik suatu teks atau gambar yang sudah diberi tag link. Tag link di definisikan dengan <a>…</a>. untuk menentukan arah tujuan link maka tag <a> memerlukan attribute href untuk menentukan tujuan halaman web.

HTML Image (3) : Mengatur perataan (alignment) pada gambar

Html dapat mengatur perataan gambar. mungkin anda pernah melihat artikel sebuah Koran dimana gambar terdapat di bagian kiri dan tulisan yang menjelaskan gambar tersebut berada di bagian kanan. Seperti itulah fungsi perataan gambar. Untuk melakukan itu semua kita kita memerlukan attribute align yang sebelumnya sudah pernah kita bahas pada bagian paragraf. Kita akan ulas align kembali pada tag image pada html.

HTML Image (2) : Mengatur ukuran gambar

Html menyediakan attribute width untuk mengatur lebar dan height untuk mengatur tinggi gambar.

Contoh : imagesize.html
  1. <html>
  2. <head>
  3. <title>HTML Image Size</title>
  4. </head>
  5. <body>
  6. <img src="Desert.jpg" width="300">
  7. </body>
  8. </html>

HTML Image (1) : Memasukan gambar pada halaman web

Html menyediakan tag yang dapat memasukan gambar pada halaman web. Tag tersebut di definisikan dengan <img>. untuk memasukan gambar ke dalam halaman web, kita perlu mengetahui ekstensi dan lokasi gambar tersebut. Maka dalam tag image perlu di beri attribute src seperti berikut :