Materi HTML Part 2

1. Image HTML

Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung. Adanya gambar di web anda akan memperindah tampilan. File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIE, dan JPG. Ketika anda memilih suatu gambar harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan menyertakannya ke dalam suatu dokumen. Untuk menyisipkan gambar pada dokumen html disediakan secara khusus yaitu Tag<img>.

Sintaks Penulisannya : <img src="url.jpg" width="..." height="..." align="..." alt="..." />

2. Link HTML

Fungsi pencarian itu sendiri dalam tag html dituliskan seperti ini :

<a href="http://url tujuan">contoh kata A</a>

Tag html di atas adalah tag dasar yang akan mengarahkan tulisan ‘contoh kata A’ ke ‘url tujuan’. Dalam tag tersebut dapat disisipkan tag tambahan, seperti ini :

<a href="http://url tujuan" title="Url Tujuan" target="_blank">contoh kata A</a>

Tag html di atas selain mengarahkan ke url tujuan, juga akan mempunyai perintah lain yaitu pada saat mengarahkan mouse ke di atas kata A (hover) maka akan muncul boks teks bertuliskan ‘Url Tujuan’ (ini disebut dengan title), dan saat diklik, otomatis url tujuan tersebut akan dibuka dalam tab baru/page baru (page yang asli tidak tetap ada).Sebagai contoh, bisa dilihat pada paragraf dua artikel ini, di situ saya buat beberapa link, salah satunya adalah link pada kata Artikel terkait, tag html pada link tersebut adalah sebagai berikut :

<a href="http://ariawijaya.com/2009/05/18/related-articles-atau-artikel-terkait-dalam-blogspot/" title="Related Articles" target="_blank">Artikel terkait</a>

3. Tabel HTML

Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi dan sek untuk setiap itemnya. Tabel dapat di isi dengan daftar item, paragraf, form, gambar, teks-teks prefomatted, dan bahkan tabel-tabel yang lain (tabel dalam tabel). Untuk membuat tabel digunakan tag awal <table> dan tag penutup </table>.

Sintaks penulisannya : 

Elemen-elemen Tabel

Elemen	Penjelasan
<table> .  .  . </table>	Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 – 30.
<caption> .  .  . </caption>	Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> .  .  . </tr>	Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom).
<th> .  .  . </th>	Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah.
<td> .  .  . </td>	Pembentuk sel data dalam tabel.

  

Catatan: 

• Jumlah baris tabel ditentukan dengan banyak nya <tr> ........</tr> yang dituliskan dalam elemen tabel, dari <tabel> ....</table>
• Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> ......</td> di dalam setiap definisi baris, dari <tr> .....</tr>
• Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda

Atribut Tag <table> Catatan :

Atribut yang didefinisikan dalam <th> .....</th> atau <td> .....</td> akan menggantikan alignment default yang didefinisikan dalam <tr> ... </tr>