- ketik program di bawah ini dengan notepad kemudian simpan dengan nama file tabel.html di folder yang telah kalian buat.
- panggil file tersebut di internet explorer
- 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–>
<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
<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