Membuat website sendiri (part 4)

-- sambungan tulisan Membuat Website sendiri (part 3)--
-- seperti tulisan lain, tulisan ini pun dapat anda copy, edit dan sebarkan sesuka anda --

Ternyata, membuat website tidak susah ya.... Dan bisa pakai notepad lagi.
Pada tulisan sebelumnya telah diperkenalkan tag untuk membuat judul, paragraf, list dan menampilkan gambar.
Masih ada yang lain....?. Tentu saja. Saya tekankan lagi bahwa tidak ada seorang pun yang mahir membuat web hanya dengan membaca tutorial html ini. Yang terpenting adalah berlatih dan membuat web sendiri berdasarkan apa yang sudah anda pelajari.

Beberapa tag html (lagi)
Keempat tag membuat link <a>...</a>. Link merupakan fasilitas semacam short cut yang jika kita klik pada link tersebut akan menuju ke suatu halaman yang lain. Contoh link adalah menu yang ada di web ini.
Penjelasan yang paling mudah untuk tag dan <a> adalah dengan langsung pada contoh penggunaannya. Untuk itu mari kita perhatikan contoh berikut ini,

<p>Lihat latihanku</p>
<p><a href="latihan1.htm">Latihan 1</a></p>
<p><a href="latihan2.htm">Latihan 2</a></p>
<p>Sumber:<a href="http://khasanahilmu.110mb.com"><img src="khasanahilmu.png" alt="khasanah ilmu" /></a></p>

Ketik pada notepad dan simpan dengan nama coba5.htm (letakkan satu folder dengan file latihan yang lain). Selanjutnya buka dengan IE, maka hasilnya kurang lebih seperti berikut,

Latihanku
Latihan 1
Latihan 2
Sumber:

Kelima, tag membuat tabel. Tabel merupakan informasi yang disajikan dalam bentuk baris dan kolom. Tabel dapat dibuat di HTML dengan menggunakan tag khusus untuk pembuatan tabel.

<table>
<tr>
<td>Sel 1</td>
<td>Sel 2</td>
</tr>
<tr>
<td>Sel 3</td>
<td>Sel 4</td>
</tr>
</table>

Tuliskan kode html di atas di notepad anda. Lalu simpan dengan nama coba6.htm. Hasil dari kode tersebut kira-kira seperti berikut,

Sel 1	Sel 2
Sel 3	Sel 4

Mungkin contoh tabel di atas merupakan contoh yang paling rumit dari pada contoh-contoh sebelumnya. Oleh karenanya mari kita lihat satu per satu.
Untuk membuat sebuah tabel digunakan 3 tag yakni;

• Tag <table> digunakan untuk memulai sebuah tabel, dan tag </table> digunakan untuk mengakhiri sebuah tabel


• Tag <tr> dan </tr> digunakan untuk memulai dan mengakhiri baris dalam tabel.


• Tag <td> dan </td> digunakan untuk membuat setiap sel (kolom) dalam satu baris. Jelas kan...?

Untuk kasus contoh tabel di atas, tabel diawali dengan tag <table>, kemudian diikuti dg tag <tr> yang menunjukkan permulaan dari baris baru. Di baris ini kita buat dua buah sel yakni <td>Sel 1</td> dan <td>Sel 2</td>. Baris ini kemudian ditutup menggunakan tag </tr>. Lalu baris kedua dibuat dengan tag <tr>, dan dua buah sel juga dibuat di baris ini. Setelah baris ditutup oleh tag </tr>, tabel pun diakhiri dengan tag </table>.

Bersambung.....

Tulisan terkait:
prev : Membuat website sendiri (part 3)
next : Membuat website sendiri (part 5)