Guys, ini program perancangan web bagian pertama yang kemarin bapak kasih..
Let's see...
“TARGET MAIN”
<HTML>
<HEAD>
<TITLE>Table of Contents</TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="100%">
<TR><TD><A
HREF="Latihan5-5a.html" TARGET="Main">
Introduction</A></TD>
<TD><A HREF="Latihan5-5b.html"
TARGET="Main">
Potential</A></TD>
<TD><A HREF="Latihan5-5c.html"
TARGET="Main">
Investing</A></TD>
<TD><A HREF="Latihan5-5d.html"
TARGET="Main">
References</A></TD></TR>
</TABLE>
</BODY>
</HTML>
“TARGET MAIN FINAL”
<HTML>
<HEAD>
<TITLE>Investing in Cold Fusion</TITLE>
</HEAD>
<FRAMESET ROWS="75,*">
<FRAME SRC="Latihan5-5.html"
NAME="TOC">
<FRAME SRC="Latihan5-5a.html"
NAME="Main">
<NOFRAMES>
<BODY>
This page
requires Frames. For a non-Frames version,
<A HREF="Latihan5-5.html">the
introduction</A>.
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
“Colspan”
<HTML><BODY>
<FORM method="get"
action="proses.asp">
<CENTER>
<table border="1" cellspacing="1"
cellpadding="1">
<tr>
<td>Nama </td>
<td>:</td>
<td colspan="3"><input
name="nama" type ="TEXT" maxlenght =
"25"></td>
</tr>
<tr>
<td>Usia</td>
<td>:</td>
<td><input type ="RADIO" name =
"usia" value = "A">
Kurang
dari 20</td>
<td><input type ="RADIO" name =
"usia" value = "B">
Antara 20
s/d 40 </td>
<td><input type ="RADIO" name =
"usia" value = "C">
Diatas
40</td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="3"><input
name="aksi" type="submit"
value="Kirim"></td>
</tr>
</table>
</CENTER>
</FORM>
</BODY>
</HTML>
“UL Icon”
<HTML>
<HEAD>
<STYLE type="text/css">
ul
{ list-style-image: url('arrow.gif') }
</STYLE>
</HEAD>
<BODY>
<UL>
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
</BODY>
</HTML>
“UL Romawi”
<HTML>
<HEAD>
<STYLE type="text/css">
ol.decimal
{ list-style-type: decimal }
ol.lroman
{ list-style-type: lower-roman }
ol.uroman
{ list-style-type: upper-roman }
ul.square
{ list-style-type: square }
ul.none
{ list-style-type: none }
</STYLE>
</HEAD>
<BODY>
<OL class="decimal">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</Ol>
<OL class="lroman">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</OL>
<OL class="uroman">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</OL>
<UL class="square">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
<UL class="none">
<LI>Kopi</LI>
<LI>Teh</LI>
<LI>Limun</LI>
</UL>
</BODY>
</HTML>
“Hover and Fokus”
<HTML>
<HEAD>
<TITLE>:hover and :focus Example</TITLE>
<STYLE>
A:link
{
COLOR:
red
}
A:visited
{
COLOR:
blue
}
A:active
{
COLOR:
lime
}
A:hover
{
COLOR:
yellow
}
A:unknown
{
COLOR:
green
}
BODY
{
FONT-WEIGHT:
bold; FONT-SIZE: 40px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
</STYLE>
</HEAD>
<BODY>
<A
href="http://www.google.com/link1.html">Search Engine</A>
<A
href="http://www.yahoo.com.com/link2.html">E-MAIL</A>
<A href="http://www.geocities.com/link3.html">FREE
WEB HOUSTING</A>
</BODY>
</HTML>
“Kotak Dialog
Pindah Halaman”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function pindah()
{
if
(window.confirm("Yakin ingin pindah?"))
return
true;
else
return
false;
}
</SCRIPT>
</HEAD>
<BODY>
<a href="Latihan9-1.html"
onclick="return pindah()">Click</a>
</BODY>
</HTML>
“Rotasi Warna”
<HTML>
<HEAD>
<SCRIPT language="javascript">
var warna = new
Array("red","yellow","green");
var count= 0;
function ganti()
{
count++;
if
(count>=warna.length)
count=0;
document.bgColor
= warna[count];
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" name="aksi"
value="Rotasi Warna" onclick="ganti()">
</BODY>
</HTML>
“Hitung Luas”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function hitung()
{
panjang
= document.myform.p.value;
lebar
= document.myform.l.value;
luas
= panjang * lebar;
document.myform.luas.value = luas;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="myform">
Panjang = <INPUT type="text" name="p"><BR>
Lebar = <INPUT type="text"
name="l"><BR>
<INPUT type="button" name="aksi"
value="HITUNG" onclick="hitung()"><BR>
Luas = <INPUT type="text"
name="luas"><BR>
</FORM>
</BODY>
</HTML>
“Menampilkan Jam
pada Halaman Web”
<HTML>
<HEAD>
<SCRIPT language="javascript">
function timer()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
var strwaktu = (jam<10) ? "0" + jam : jam;
strwaktu += (menit<10) ? ":0" + menit :
":" + menit;
strwaktu += (detik<10) ? ":0" + detik :
":" + detik;
document.waktusaya.txtwaktu.value=strwaktu;
setTimeout("timer()",200);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="waktusaya">
<INPUT type="text"
name="txtwaktu">
</FORM>
<SCRIPT
language="javascript">timer()</SCRIPT>
</BODY>
</HTML>
“Upload”
<HTML>
<HEAD>
<TITLE>Upload Berkas</TITLE>
</HEAD>
<BODY>
<FORM ACTION="upload.jsp"
METHOD="post"
ENCTYPE="MULTIPART/FORM-DATA">
<INPUT TYPE="FILE"
NAME="namafile">
<BR>
<INPUT TYPE="SUBMIT"
VALUE="Upload">
</FORM>
</BODY>
</HTML>
“MultiUpload”
<HTML>
<HEAD>
<TITLE>Upload Sejumlah Berkas</TITLE>
</HEAD>
<BODY>
<FORM ACTION="multiupl.jsp"
METHOD="post"
ENCTYPE="MULTIPART/FORM-DATA">
1. <INPUT
TYPE="FILE"
NAME="berkas1" SIZE="40"><BR>
2. <INPUT TYPE="FILE"
NAME="berkas2" SIZE="40"><BR>
3. <INPUT
TYPE="FILE"
NAME="berkas3" SIZE="40"><BR>
4. <INPUT
TYPE="FILE"
NAME="berkas4"
SIZE="40"><BR>
<INPUT TYPE="SUBMIT"
VALUE="Upload">
</FORM>
</BODY>
</HTML>
“Tombol Select”
<HTML>
<HEAD>
<TITLE>Contoh SELECT - Model Drop
Down</TITLE>
</HEAD>
<BODY>
<FORM>
Buah yang paling
Anda sukai:<BR>
<SELECT NAME = "buah">
<OPTION VALUE = "Jeruk">Jeruk
<OPTION VALUE = "Apel">Apel
<OPTION VALUE = "Manggis">Manggis
<OPTION VALUE = "Melon">Melon
<OPTION VALUE = "Lain" SELECTED>Yang Lain
</SELECT>
<BR>
</FORM>
</BODY>
</HTML>
“Tombol Radio”
</HEAD>
<BODY>
<FORM>
Jenis
Kelamin:<BR>
<INPUT TYPE = "RADIO"
NAME =
"sex" CHECKED>Pria<BR>
<INPUT TYPE = "RADIO"
NAME =
"sex">Wanita<BR>
<BR>
<HR>
Hari Latihan
:<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"1">Senin<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"2">Selasa<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"3">Rabu<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"4">Kamis<BR>
<INPUT TYPE = "RADIO"
NAME =
"hari" VALUE
"5">Jumat<BR>
<BR>
</FORM>
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar