Selasa, 15 November 2011

MEMBUAT TABEL DENGAN HTML

LAKUKAN LANGKAH-LANGKAH BERIKUT :

  1. ketik program di bawah ini dengan notepad kemudian simpan dengan nama file tabel.html di folder yang telah kalian buat.
  2. panggil file tersebut di internet explorer
  3. SELAMAT MENCOBA MEMBUAT WEB DENGAN MENGGUNAKAN TABEL
<html>
<head>
<title>LATIHAN MEMBUAT TABEL HTML</title>
</head>
<body>
<body bgcolor=”pink”>
<table>
<tr>
<td><b>ty788</b></td>
</tr>
</table>
<table><!–untuk memulai membuat tabel–>
<table border=”8″><!–border tabel–>
<tr><!–memulai membuat baris–>
<td>1</td><!–mengisi data tabel dengan angka 1–>
<td>2</td><!–mengisi data tabel dengan angka 2–>
<td><b>3</b></td><!–mengisi data tabel dengan angka 3 dan tebal–>
<td>10</td><!–mengisi data tabel dengan angka 10–>
</tr><!–mengakhiri membuat baris–>
<tr bgcolor=”orange”><!–memulai membuat baris dengan warna orange–>
<td>4</td><!–mengisi data tabel dengan angka 4–>
<td>A</td><!–mengisi data tabel dengan huruf A–>
<td>6</td><!–mengisi data tabel dengan angka 6–>
<td>7</td><!–mengisi data tabel dengan angka 7–>
</tr><!–mengakhiri baris–>
<tr>
<td bgcolor=”yellow”>9</td>
<td>0</td>
<td>3</td>
<td bgcolor=”yellow”>6</td>
</tr>
</table>
<p>
<h3 align=”center”> Daftar Nilai</h3><!–judul tabel daftar nilai–>
<table border=”1″ align=”center”><!–memulai buat tabel dengan border bernilai 1–>
<tr>
<th>Nama</th><!–header tabel–>
<th>IPA</th><!–header tabel–>
<th>TIK</th><!–header tabel–>
<th>IPS</th><!–header tabel–>
</tr>
<tr>
<td>DONI WAHYUDI</td><!–mengisi data tabel–>
<td>67</td><!–mengisi data tabel–>
<td>78</td><!–mengisi data tabel–>
<td>60</td><!–mengisi data tabel–>
</tr>
<tr>
<td>DIDIK</td>
<td align=”center”><font color=”red”><b>67</b></font></td>
<td>45</td>
<td>76</td>
</tr>
</table>
<h4> ini vertikal</h4><!–membuat judul tabel–>
<table border=”1″>
<tr>
<th>nama</th>
<td>doni</td>
<td>joko</td>
</tr>
<tr>
<th>kelas</th>
<td>8 K</td>
<td>7 H</td>
</tr>
<tr>
<th>absen</th>
<td>90</td>
<td align=”center”>45</td>
</tr>
</table>
</body>
</html>

Sumber :tik789.wordpress.com

Tidak ada komentar:

Posting Komentar