Menurut ane
tabel penting banget buat nge-design sebuah halaman web. Karena dengan
menggunakan tag table kita bisa lebih mudah menentukan letak suatu objek dan
dapat membuat halam web "terbagi" pada beberapa kolom atau baris.
Ada tiga
elemen utama yang digunain dalam membuat tabel yaitu <TABLE>,
<TR> dan <TD>. <TR> digunakan untuk
membuat baris baru pada pada tabel dan <TD> digunakan untuk
membuat kolom baru. Terdapat juga tag <TH> yang digunakan untuk
membuat header tabel. Yang perlu diingat adalah tab <TR> dan
<TD> harus terletak di antara tag <TABLE> dan
</TABLE>. Attribut dari tag table boleh dibilang cukup banyak.
Berikut daftar attribut dari tag table:
* width untuk mengatur lebar tabel (% atau pixel)
* height untuk mengatur tinggi tabel
* border untuk menentukan tebal bingkai
* cellpadding menentukan jarak padding antar cell
* cellspacing menentukan jarak spacing antar cell
* name untuk menentukan nama tabel
* bgcolor untuk mengatur warna background
* background untuk menampilkan gambar sebagai
background
* align letak teks secara horizontal (rata kiri,
tengah atau kanan)
* valign letak teks secara vertical (rata atas, tengah
atau bawah)
* style untuk CSS
* bordercolor untuk mengatur warna bingkai
Berikut
daftar attribut dari tag <TR>, <TD>, dan
<TH>:
* height untuk mengatur tinggi
* bgcolor untuk mengatur warna background
* background untuk menjadikan gambar sebagai
background
* align untuk mengatur letak teks
* valign untuk mengatur letak teks secara vertical
* colspan untuk menghilangkan sejumlah kolom
* rowspan untuk menghilangkan sejumlah baris
Nih coy
sedikit syntax yang ane bikin buat penerapan tulisan ane yang sebelumnya
Manipulasi Font Dan Link HTML Serta Cara Membuat Tabel HTML, silahkan ketik
kode HTML di bawah mending di ketik ulang aja daripada copy-paste, kan
itung-itung buat belajar juga:
<html>
<head>
<title>Manipulasi Font Dan Link HTML
Serta Cara Membuat Tabel HTML</title>
</head>
<body>
<p><h1>Berikut daftar menu
utama yang tersedia pada restoran kami</h1></p>
<p><font name =
"Verdana" size = "4" color = "blue">Daftar
Pesanan Menu Utama</font></p>
<table border = "2" width =
"70%">
<tr bgcolor = "#cccccc">
<th>Menu</th><th>Harga</th>
</tr>
<tr align = "center">
<td>Nasi
Goreng</td><td>Rp 10.000</td>
</tr>
<tr align = "center">
<td>Soto</td><td>Rp
8.000</td>
</tr>
<tr align = "center">
<td>Mie
Ayam</td><td>Rp 7.000</td>
</tr>
<tr align = "center">
<td>Gudeg</td><td>Rp
5.000</td>
</tr>
</table>
<p> <font name =
"Verdana" size = "4" color = "blue">
Silahkan klik untuk kembali ke halaman sebelumnya >>>
</font><a href="belajar.html" target="_blank">Halaman
pertama.html</a></p>
</body>
</html>
Kalo udah selese di ketik semua di save terserah mau pake nama apa aja, kalo ane di kasih nama Tabel.html dan di save di desktop, terus di jadiin 1 folder atau 1 tempat sama file yang udah pernah di bikin di artikel Mengenal HTML dan Cara Menggunakan HTML biar pas di klik tulisan Halaman Pertamal.HTML bisa ngelink ke halaman tersebut. Nanti hasilnya kayak gambar di bawah nih:
Ga terasa tau-tau udah azan Ashar aja, waktunya menjalankan ibadah Shalat 5 waktu. Semoga tulisan ane berguna buat para pembaca serta ane sendiri. Dan tidak lupa Salam semangat buat para cewek-cewek Sexy di luar sana.
No comments:
Post a Comment