Minggu, 17 Juli 2011

Materi_2_(Link_foto_&_Nama_html.detail.

bahrulsalam25@yahoo.com


Contoh Kode Programnya

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>                                                         

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>MEMASUKAN GAMBAR KEDEALAM WEBSITE DAN PENGGUNAAN LINK</title>

</head>

<body>

<body bgcolor="#0000CC">

</body>

<center><b><h1>

DAFTAR MAHASISWA<br ></font><BR>

<center/></b></h1><pre></p>

<hr size="3">

<p align="left">

<p/>

<table width="80%" bgcolor="#00CCFF" cellpadding="1 px" cellspacing="1 px" border="1">

<tr>

<td width="2%"> NIM </td><TD width="5%">NAMA MAHASISWA</TD><TD width="5%"> KELAMIN</TD><TD width="5%"> JURUSAN</TD><TD width="5%">KELAS</TD><TD width="5%"> ALAMAT</TD><TD width="2%">FOTO</TD>

</tr>

<tr><TD>09.MI.231</TD><TD><a href="DETAIL.HTML">

MUHDAR</TD><TD>PRIA</TD><TD>MI</TD><TD>BARCELONA</TD><TD>MATARAM</TD>

<TD align="center"><img src="FOTO/MUHDAN.JPG" width="40" height="40"

alt="MUHDAN"></TD>

</tr>

<tr><TD>09.MI.232</TD><TD><a href="DETAIL_JUNAIDIN.HTML">

JUNAIDIN</TD><TD>PRIA</TD><TD>MI</TD><TD>AMSTERDAM</TD><TD>LOTIM</TD>

<TD align="center"><img src="FOTO/JUNAIDIN.JPG" width="40" height="40"

alt="JUNAIDIN"></TD>

</tr>

<tr><TD>09.MI.233</TD><TD><a href="DETAIL_SUPIATI.HTML">

SUPIATI</TD><TD>WANITA</TD><TD>KA</TD><TD>CHIKAGO</TD><TD>LOTENG</TD>

<TD align="center"><img src="FOTO/SUPIATI.JPG" width="40" height="40"

alt="SUPIATI"></TD>

</tr>

<tr><TD>09.MI.234</TD><TD><a href="DETAIL_MUNAWIR.HTML">

MUNAWIR</TD><TD>PRIA</TD><TD>TK</TD><TD>PARIS</TD><TD>MATARAM</TD>

<TD align="center"><img src="FOTO/MUNAWIR.JPG" width="40" height="40"

alt="MUNAWIR"></TD>

</tr>

<tr><TD>09.MI.235</TD><TD><a href="DETAIL_ADI_SOFIYAN.HTML">

ANDI_SOFIYAN</TD><TD>PRIA</TD><TD>MI</TD><TD>B2</TD><TD>MATARAM</TD>

<TD align="center"><img src="FOTO/ANDI_SOFIYAN.JPG" width="40" height="40"

alt="ANDI_SOFIYAN"></TD>

</tr>

<tr><TD>09.MI.236</TD><TD><a href="DETAIL_LIA_ANGRAINI.HTML">

LIA_ANGRAINI</TD><TD>WANITA</TD><TD>KA</TD><TD>TWION</TD><TD>AMPENAN</TD>

<TD align="center"><img src="FOTO/LIA_ANGRAINI.JPG" width="40" height="40"

alt="LIA_ANGRAINI"></TD>

</tr>

<tr><TD>09.MI.237</TD><TD><a href="DETAIL_MULYATI.HTML">

MULYATI</TD><TD>WANITA</TD><TD>KA</TD><TD>MEKAH</TD><TD>LOMBOK UTARA</TD>

<TD align="center"><img src="FOTO/MULYATI.JPG" width="40" height="40"

alt="MULYATI"></TD>

</tr>

<tr><TD>09.MI.238</TD><TD><a href="DETAIL_SARTIKA_DEWI.HTML">

SARTIKA_DEWI</TD><TD>WANITA</TD><TD>TK</TD><TD>B</TD><TD>LOTENG</TD>

<TD align="center"><img src="FOTO/SARTIKA_DEWI.JPG" width="40" height="40"

alt="SARTIKA_DEWI"></TD>

</tr>

<tr><TD>09.MI.239</TD><TD><a href="DETAIL_GINANJAR.HTML">

GINANJAR</TD><TD>PRIA</TD><TD>MI</TD><TD>TXE</TD><TD>LOTIM</TD>

<TD align="center"><img src="FOTO/GINANJAR.JPG" width="40" height="40"

alt="GINANJAR"></TD>

</tr>

</table>

</body>

</html>

Sehingga Outputnya

Tidak ada komentar:

Posting Komentar