Koding Tabel Berisi Gambar di HTML
 |
| Contoh Tabel Berisi Gambar |
Koding :
<!DOCTYPE html>
<head>
<title> Tabel Berisi Gambar </title>
</head>
<body style=background-color:red>
<table rules=none border=2 width=100%>
<td>
<h2> <center> <font color=white> Tabel Berisi Gambar </font> </h2>
</td>
</table>
<table rules=none border=2 width=100%>
<td>
<p> </p>
<table align=center border=2 style=bacground-color:red>
<tr>
<th colspan=3 style=background-color:white> <center>
<font size=4 color=black> DAFTAR-DAFTAR PERCOBAAN </th>
</tr>
<tr>
<td> <img src=download_1.jpg width==200 height=200> </td>
<td> <img src=byonic.jpg width=200 height=200> </td>
<td> <img src=needforspeed_mostwanted.jpg width=200 height=200> </td>
</tr>
<tr>
<td align=center > <b> Download (800 X 600) </b> </td>
<td align=center> <b> Byonic (800 X 600) </b> </td>
<td align=center> <b> Need For Speed (800 X 600) </b> </td>
</tr>
<tr>
<td> <img src=needforspeed_mostwanted.jpg width=200 height=200> </td>
<td> <img src=byonic.jpg width=200 height=200> </td>
<td> <img src=download_1.jpg width=200 height=200> </td>
</tr>
<tr>
<td align=center> <b> Need For Speed (800 X 600) </b> </td>
<td align=center> <b> Byonic (800 X 600) </td>
<td align=center> <b> Download (800 X 600) <b> </td>
</tr>
</td>
</table>
<p> </p>
</body>
</html>
Keterangan Tag :
- <!DOCTYPE html> → Untuk deklarasi type dokumen
- <head> → Untuk bagian kepala dokumen
- <title> → Untuk Judul Web
- <body> → Untuk bagian body dari dokume
- <table> → Untuk membuat tabel seperti di MS.excel tapi cara membuat tabelnya menggunakan bahasa html dan di dalam script table terdiri 3 tag yaitu : th, td, dan tr
- <h2> → Untuk membuat heading pada artikel
- <td> (Table Data) → Digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell
- <tr> (Table Row) → Digunakan untuk mendefiniskan baris pada tabel
- <p> →Berfungsi untuk membuat paragraf baru
Gambar yang dibutuhkan :
Komentar
Posting Komentar