Background

Background

Silahkan klik beberapa gambar di bawah ini

  • image1
  • image2
  • image3
  • image4
  • image2
  • image1
  • image4
  • image3

membuat frame

Sekarang membuat frame, Dan contohnya sebagai berikut :
dan ini script nya :

<html>
<head>
<title> Document Frameset </title>
</head>
<frameset cols="33%,43%,23%" frameborder="1">
<frameset rows="*,200">
<frame src="ulangan.html" name="satu" scolling="no" frameborder="0">
<frame src="ulangan2.html" name="dua" scolling="yes" noresize>
</frameset>
<frame src="membuat tabel.html" name="tiga" frameborder="0">
<frame src="membuat data diri dengan menggunakan tag.html" name="empat" frameborder="1">
<noframes>
Ada 4 halaman
<ol>
<li><a href="ulangan.html">Halaman 1</a></li>
<li><a href="ulangan2.hrml">Halaman 2</a></li>
<li><a href="membuat tabel.html">Halaman 3</a></li>
<li><a href="membuat data diri dengan menggunakan tag.html">Halaman 4</a></li>
</ol>
</noframes>
</html>
Read More 0 komentar

membuat form

kali ini saya akan memberikan tutorial cara membuat form:
script nya :
<html>
<head>
<title>contoh penggunaan formuliir</title>
</head>
<body>
<form action =" info.htm" method = "get">
    nama:
    <input type = "text" name = "nama" size = "20" maxlength = "20">
    <br>
    hobby :
    <input type = "text" Name = "hobby" size = "25" maxlength = "40">
    <br>
    <input type = "submit" value = "send">
    <input type = "reset" value = "cancel">
<br>
buah yang anda sukai <br>
    <input type = "checkbox" Name = "anggur" checked>anggur<br>
    <input type = "checkbox" Name = "jeruk">jeruk<br>
    <input type = "checkbox" name = "melon">melon<br>
<br>
jenis kelamin <br>
<input type = "radio" name = "sex" checked>pria<br>
<input type = "radio" name = "sex">wanita<br>
<input type = "radio" name = "sex">diragukan<br>
<br>
Agama<br>
<input type = "radio" name = "agama">islam <br>
<input type = "radio" name = "agama">kristen <br>
<input type = "radio" name = "agama">budha <br>
<input type = "radio" name = "agama">yahudi <br>
<input type = "radio" name = "agama">lain-lain<br>
<br>
apa yang anda pikirkan <br>
<textarea name = "komentar" rows = "5" cols = "40" wrap>
</textarea>
<br>
olahraga yang paling anda sukai:<br>
<select name = "olahraga">
<option value = "sepakbola" selected>sepakbola
<option value = "bulunangis"> bulu nangis
<option value = "tenismeja> tenis meja
<option value = "basket"> bola basket
<option value = "lain-lain">lain-lain
</form>
</body>
</html>

NB: kalo ingin mudah gunakan dreamwever
 

Read More 0 komentar

cara membuat tabel

tutorial gambar pertama :
<html>
<head>
<title>Latihan Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
}
.style1 {color: #FF0000}
.style2 {color: #836E5B}
.style3 {color: #FFFFFF}
-->
</style></head>
<body>
<table width="576" height="346" border="1" align="center">
<tr>
<td colspan="2" align="center"><span class="style1">1</span></td>
<td colspan="2" rowspan="2" align="center"><span class="style1">4</span></td>
<td rowspan="4" align="center"><span class="style1">5</span></td>
</tr>
<tr>
<td align="center"><span class="style1">2</span></td>
<td align="center"><span class="style1">3</span></td>
</tr>
<tr>
<td colspan="2" align="center"><span class="style1">6</span></td>
<td colspan="2" align="center"><span class="style1">7</span></td>
</tr>
<tr>
<td colspan="2" align="center"><span class="style1">8</span></td>
<td align="center"><span class="style1">9</span></td>
<td align="center"><span class="style2"><span class="style1">1</span><span class="style3">0</span></span></td>
</tr>
</table>

Tabel kedua :
<table width="578" height="319" border="1" align="center">
<tr>
<td colspan="5" align="center" bgcolor="Yellow">Satu</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="green">Dua</td>
<td width="81" align="center" bgcolor="green">Tiga</td>
<td width="81" align="center" bgcolor="green">Empat</td>
<td width="74" align="center" bgcolor="green">Lima</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="red">Enam</td>
<td colspan="2" align="center" bgcolor="red">Tujuh</td>
<td rowspan="2" align="center" bgcolor="red">Delapan</td>
</tr>
<tr>
<td width="81" align="center"><span class="style1">Sembilan</span></td>
<td colspan="2" align="center"><span class="style1">Sepuluh</span></td>
<td align="center"><span class="style1">Sebelas</span></td>
</tr>
<tr>
<td align="center"><span class="style1">Dua belas</span> </td>
<td colspan="3" align="center"><span class="style1">Tiga belas </span></td>
<td rowspan="2" align="center"><span class="style1">Enam Belas </span></td>
</tr>
<tr>
<td align="center"><span class="style1">Empat belas</span> </td>
<td colspan="3" align="center"><span class="style1">Lima belas</span> </td>
</tr>
</table>
</body>
</html>

NB: kalo ingin lebih mudah langsung aja buat di Macromedia Dreamweaver 8

Read More 0 komentar

Membuat Tabel

kali ini saya akan memberikan cara membuat tabel :

<html>
<head>
<title> Membuat Tabel </title>
</head>
<body>
<p><b> Membuat Tabel </p></b>
<table border="1" bordercolor="black" bgcolor="green" cellpadding="8" cellspacing="0" widht="100%">
<tr> <!-- <tr> artinya membuat sebuah baris -->
<td> Ini kolom 1 pada baris 1</td>
<td> Ini kolom 2 pada baris 1</td>
<tr>
<td> Ini kolom 1 pada baris 2 </td>
<td> Ini kolom 2 pada baris 2 </td>
</tr>
</table>
</body>
</html
Read More 0 komentar

membuat Font

kali ini saya akan memberikan cara membuat font :
 <html>
<head>
<title> Latihan 2-8 </title>
</head>
<body>
<font size="1" face="arial" color="red"> Ini size 1 <br>
<font size="2" face="Comic Sans MS" color="yellow"> Ini size 2 <br>
<font size="3" face="algerian" color="green"> Ini size 3 <br>
<font size="4" face="ciller" color="red"> Ini size 4 <br>
<font size="5" face="elephant" color="blue"> Ini size 5 <br>
<font size="6" face="CASTELLAR" color="black"> Ini size 6 <br>
<font size="7" face="Baskerville Old Face" color="pink"> Ini size 7 <br>
<br>
</body>
</html>
NB: font nya dapat anda cari di WORD
Read More 0 komentar

membuat order list di notepad

<html>
<head>
<title> List </title>
</head>
<body>
<ol type=1>
<li> jeanner
<li> diaz
<li> falevy
</ol>
<br>
<ul type="square">
<li> jeanner </li>
<li> diaz </li>
<li> falevy </li>
</ul>
</body>
</html>
NB: TINGGAL DI COPY PASTE !!
Read More 0 komentar

membuat HTML

desain selanjutnya :
caranya :
<HTML>
<HEAD>
<TITLE> SUPER GIRLIES </TITLE>
</HEAD>
<BODY>
<FONT SIZE = "17" > SUPER GIRLIES: </FONT><BR>
<CENTER> <marquee> <FONT SIZE = "20" > HIP HIP HURA: </FONT> </marquee>
<P ALIGN = "CENTER">
<BR>
<CENTER><img src = "SG.jpg"><BR>
<BR>
<FONT COLOR = "WHITE">Hip hip hura hura, hip hip hura hura, hip hip hura hura<BR>
Di malam minggu ku pergi ke pesta<BR>
Pesta meriah ulang tahun kawanku<BR>
Semua yang datang bergaya ceria<BR>
Berdansa dan gembira (go go go)<BR></FONT>
<BR>
<FONT COLOR = "YELLOW">Di tengah pesta ku lihat si dia<BR>
Lincah gayanya dandan masa kini<BR>
Ingin hatiku mencium pipinya<BR>
Tapi malu rasanya<BR></FONT>
<BR>
<FONT COLOR = "RED">Oh hip hip hura hura (hura hura) huuu<BR>
Aku suka dia (suka dia) huuu<BR>
Aku jatuh cinta (jatuh cinta) huuu<BR>
Dia pun menanti cinta bersemi di hati<BR></FONT>
<BR>
<FONT COLOR = "GREEN">Hip hip hura hura, hip hip hura hura<BR></FONT>
<BR>
<FONT COLOR = "BLUE">Di tengah pesta ku lihat si dia<BR>
Lincah gayanya dandan masa kini<BR>
Ingin hatiku mencium pipinya<BR>
(tapi malu rasanya)<BR></FONT>
<BR>
<FONT COLOR = "BLACK">Oh hip hip hura hura (hura hura) huuu<BR>
Aku suka dia (suka dia) huuu<BR>
Aku jatuh cinta (jatuh cinta) huuu<BR>
Dia pun menanti cinta bersemi di hati<BR></FONT>
<BR>
<FONT COLOR = "BLUE">Oh hip hip hura hura (hura hura) huuu<BR>
Aku suka dia<BR></FONT>
<BR>
<FONT COLOR = "YELLOW">Oh hip hip hura hura (hura hura) huuu<BR>
Aku suka dia (suka dia) huuu<BR>
Aku jatuh cinta (jatuh cinta) huuu<BR>
Sungguh suka dia (suka dia) huuu<BR>
Sungguh jatuh cinta (jatuh cinta) aaa<BR>
Dia pun menanti cinta bersemi di hati<BR>
Di hati ada cinta, di hati ada cinta, di hati ada cinta<BR></FONT><BR>
</p>

<P ALIGN = "right">
<FONT COLOR = "red">SUPER FRIEND</FONT><BR>

<style type="text/css">
body {
background: url('poa.jpg') no-repeat #2D5594;
background-attachment: fixed;
}
</style>

<P ALIGN = "CENTER">
<FONT COLOR = "GREEN">ES for SUPER JI for GIRL SUPER GIRLIES<BR>

</BODY>
</HTML>
NP : TINGGAL COPY PASTE AJA !!
Read More 0 komentar