 |
| Tampilan Home |
HOME
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<body bgcolor="#5b3715">
<div align="center">
<p><marquee><font
color="#FFFFFF">Laboratorium Sistem
Informasi</font></marquee></p>
<p><a
href="home.html" target="mainFrame"><font
color="#FFFFFF"
size="+3">Home</font></a></p>
</div>
</body>
</html>
“WELCOME TO
MY BLOG”
<!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=utf-8" />
<title>Faris Imaduddin 3KA42</title>
</head>
<body bgcolor="#5b3715">
<div align="center"><font
color="#FFFFFF">WELCOME TO MY BLOG</font></div>
</body>
</html>
Biodata
& Galeri
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<body bgcolor="#5b3715">
<table width="110" border="0">
<tr>
<td
width="100" height="100"><a
href="Biodata.html" target="mainFrame"><div
align="center"><img src="biodata.jpg" width="100"
height="100" /></div></td>
</tr>
<tr>
<td height="100"><div
align="center"><a href="Galeri.html"
target="mainFrame"><img src="galeri.jpg"
width="100" height="100" /></div></td>
</tr>
</table>
</body>
</html>
 |
| Tampilan Biodata |
Tabel
Biodata
<!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=utf-8" />
<title>Biodata</title>
</head>
<body bgcolor="#5b3715">
<form id="form1" name="form1"
method="post" action="">
<table
width="365" border="0" align="center">
<tr>
<td
width="274"><div align="center"><font
color="#FFFFFF">ISI BIODATA</font></div></td>
</tr>
</table>
<table
width="441" border="0" align="center" >
<tr>
<td
width="74"><font
color="#FFFFFF">Nama</font></td>
<td
width="357"><label for="Nama"></label>
<input
type="text" name="Nama" id="Nama"
width="360"/></td>
</tr>
<tr>
<td
width="74"><font
color="#FFFFFF">NPM</font></td>
<td
width="357"><label for="NPM"></label>
<input
type="text" name="NPM" id="NPM"
width="360"/></td>
</tr>
<tr>
<td
width="74"><font
color="#FFFFFF">Kelas</font></td>
<td
width="357"><label for="Kelas"></label>
<input
type="text" name="Kelas" id="Kelas"
width="360"/></td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
Gambar
Galeri
<!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=utf-8" />
<title>Galeri</title>
</head>
<body bgcolor="#5b3715">
<table width="200" border="0"
align="center">
<tr>
<td><div align="center"><font
color="#FFFFFF">Gambar 1</font></div></td>
<td><div align="center"><font
color="#FFFFFF">Gambar 2</font></div></td>
</tr>
<tr>
<td><img src="81ySZ2lGuML.jpg" width="254"
height="254" /></td>
<td><img src="71Ws1YakMoL.jpg" width="254"
height="254" /></td>
</tr>
</table>
</body>
</html>
LOGIKA:
-
Tulisan ‘Laboratorium Sisem Informasi’
menggunakan marquee agar tulisan bisa bergerak.
-
Untuk memakai warna putih pada tulisan, gunaan <font color=”#FFFFFF”>…</font>
-
Disini background berwarna coklat, maka
menggunakan <body
bgcolor=”#5b3715”>
-
Dari Home, untuk menuju ke Biodata dan Galeri,
menggunakan
<tr>
<td width="100"
height="100"><a href="Biodata.html"
target="mainFrame"><div align="center"><img
src="biodata.jpg" width="100" height="100"
/></div></td>
</tr>
<tr>
<td height="100"><div
align="center"><a href="Galeri.html"
target="mainFrame"><img src="galeri.jpg"
width="100" height="100" /></div></td>
</tr>
o
Pada web ini, saya menggunakan gambar sendiri
untuk hyperlink ke biodata / galeri
The titanium bike frame has the best possible shave
BalasHapusThe titanium bike frame silicone dab rig with titanium nail has the best possible shave, but titanium ranger not always with aftershokz trekz titanium a shave. titanium apple watch band It's a fantastic tool for t fal titanium the beginner who loves using this bike.