Code html
Memasang Gambar di tabel
pertama saya akan kasih 2 contoh
1.Contoh GAMBAR Tanpa Tabel
"contoh gambar" .
keterangan gambar
ini Code nya
<html>
<head>
</head>
<body>
<p align="center"><b><font face="Copperplate Gothic Bold" size="5">Code Memasang
Gambar Di Html<br>
</font></p>
1.Contoh GAMBAR</font></p>
<p align="left"><font face="Courier New" size="2"><br>
"contoh gambar" .<br>
<img border="0" src="(url image)" width="123" height="116"></font></p>
<p align="left"><font face="Courier New" size="2">keterangan gambar<br>
</font></p>
</b>
</body>
</html>
ket
width = lebar gambar
height= tinggi lebar
url image = tulis alamat image sobat
keterangan gambar= isi dengan deskripsi gambar / keterangan tentang gambar sobat
Contoh Gambar kedua Pake menggunakan Tabel
<html>
<head>
<title>Meletakan Gambar Menggunakan Tabel</title>
<style type="text/css">
body{font-family: verdana; font-size: 12px; background-color: #D7E7F3} a{color:
blue; text-decoration: none; font-family: verdana; font-size: 12px} a:hover{text-decoration:
underline; font-weight: bold; color: navy} a:visited{color: navy} td{font-family;
verdana; font-size: 12px} .puisi{font-family: Palatino LinoType; font-size:
15px; font-style: italic} .foto{background-color: white} .judul{font-size: 18px;
font-weight: bold; text-align: center}
</style>
</head>
<body>
<font face="verdana">
<h1 align="center"><font size="4"><b>Memasukan Gambar Didalam
Table</b></font></h1>
<hr></p>
<center>
<table border="1" style="border-collapse: collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center">
<a href="URL SOBAT"><img src="gambar
tiga" height="149" width="231"></a></td>
<td align="center"><img src="gambar empat" height="149" width="231"></td>
</tr>
<tr>
<td align="center">
<a href="URL SOBAT">
nama Gambar</a><td align="center"><font size="2">Nama Gambar</font></td>
</table>
<p></p>
<table border="1" style="border-collapse: collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center"><img src="gambar satu.jpg" height="149" width="231"></td>
<td align="center"><img src="gambar dua.jpg" height="149" width="231"></td>
</tr>
<tr>
<td align="center"><font size="2">nama Gambar</font></td>
<td align="center"><font size="2">Nama Gambar</font></td>
</table>
</center>
</font>
</body>
</html>
KET
GAMBAR KETIGA saya kasih Link jika sobat ingin memasukan Link apa saja ganti Url Sobat dengan link punya sobat ....kalau yang lain nya tidak
Gambar satu,dua,tiga, dan empat,,,,gambar nya tidak akan muncul karena belum saya kasiih url gambar nya,,,letakan url gambar sobat
Ok sampai sini aja
Selamat Belajar
Alhamdulillah Catatan Sederhana Code Html Memasang Gambar di Tabel Telah selesai Mohon maaf jika ada kesalahan wasalamu'alaikum warohmatulloh wabarokaatuh
No comments:
Post a Comment