Sabtu, 23 Oktober 2010

MEMBUAT FRAME DENGAN HTML

1. kode frame
<html>
<head>
<title> rozik irmanto web</title>
</head>

<frameset rows = "15%, *,15%">
                        <frame src = "title.htm" scrolling = "dinamis">

<frameset cols = "30%,*,30%">
                        <frame src = "menu.htm" scrolling = "dinamis">
                        <frame src = "nama.htm" name = "dinamis">
                        <frame src = "punkrock.htm" scrolling = "dinamis">
</frameset>
                        <frame src = "title2.htm" scrolling = "dinamis">
</frameset>

</html>

2. kode menu
<html>
<head>
<title>Menu</title>
</head>
<body background="sid.jpg"text="yellow"<center><big><blink> MENU </blink></big></center>
</body>
<body  link="red" alink="yellow" vlink="blue"
<p>
</p>
<a href ="nama.htm" target = "dinamis" >Ke Nama</a><br>
<a href="profile.htm" target = "dinamis" >Ke Profile</a><br>
<a href="gallery.htm" target = "dinamis" >Ke Gallery Foto</a><br>
<a href="bukutamu.htm" target = "dinamis" >Ke Buku Tamu</a><br>
<a href="contactus.htm" target = "dinamis" >Ke Contact Us</a>
</body>
</html>

3. kode nama
<html>
<head>
<title>nama</title>
</head>
<body text="yellow" background="soekamti.jpg"><br>
<p></p>
<center><big><blink>MY NAME IS<br>ROZIK IRMANTO</blink></big></center>
</body>
</html>

4. Kode iklan
<html>
<head>
<title>PUNK ROCK</title>
</head>
<body text="red" background="sid2.jpg">
<br>
<p>
</p><br>
<p>
</p><center><big><blink>PUNK ROCK SIDOARJO</blink><big></center>
</body>
</html>

5. Kode title
<html>
<head>
<title>title</title>
</head>
<body text="violet" bACKGROUND="outsider.jpg"><big><center><blink>SELAMAT DATANG DI WEBSITE ROZIK outSIDers</blink></center></big>
</body>
</html>

6. kode title2
<html>
<head>
<title>title2 </title>
</head>
<body text="yellow" background="es.jpg"<big><center> TERIMA KASIH ATAS KUNJUNGAN ANDA KE WEBSITE ROZIK IRMANTO</center></big>
</body
</html>
hasil tampilan
  
7. kode profil
<html>
<head>
<title>profile</title>
</head>
<body text="yellow" background="rozik.jpg"<big><center><blink>NAMA:<br> ROZIK IRMANTO</blink><P></P>
<blink>KELAS: <br>5D SORE</blink><P></P>
<blink>NIM:<br> 08.10802.00159</blink></center><BIG>
</body>
</html>
hasil tampilan















 8. kode galeri
<html>
<head>
<title> gallery </title>
</head>
<body<img src="rozik.jpg">
<img src="1.jpg"width="200" height="150">
<img src="2.jpg"width="200" height="150">
<img src="3.jpg"width="200" height="150">
<img src="4.jpg"width="200" height="150">
<img src="5.jpg"width="200" height="150">
</html>
 hasil tampilan
















9. kode buku tamu
<html>
<head>
<title>Buku Tamu</title>
</head>

<body font face="Arial" size="2">
<div align="left">
  <p align="center"><strong>Buku Tamu</strong></p>
    <table width="50%" border="0">
      <tr>
        <td align="left" valign="top">Nama</td>
        <td align="left" valign="top">:</td>
        <td align="left" valign="top"><label>
          <input type ="text" nama = "nama_pegawai" size = "20" maxleght = "20">
        </label></td>
      </tr>
      <tr>
        <td align="left" valign="top">Email</td>
        <td align="left" valign="top">:</td>
        <td align="left" valign="top"><label>
          <input type = "text" name = "hobby" size = "20"
            maxleght = "20">
        </label></td>
      </tr>
      <tr>
        <td align="left" valign="top">Pesan</td>
        <td align="left" valign="top">:</td>
        <td align="left" valign="top"><label>
          <textarea name="pesan" cols="35" rows="5" id="pesan_x"></textarea>
        </label></td>
      </tr>
      <tr>
        <td align="left" valign="top">&nbsp;</td>
        <td align="left" valign="top">&nbsp;</td>
        <td align="left" valign="top"><label>
          <input type="submit" name="Submit" value="Simpan" />
          <input type="submit" name="Submit2" value="Batal" />
        </label></td>
      </tr>
    </table>
  </form>
</div>
</body>
</html>
 hasil tampilan
















10. kode contact
<html>
<head></head><title>contact</title><html>
<body>
<font face="Arial" size="2">
  <div align="center">
    <p align="center"><strong>CONTACT</strong></p>
    <p align="left">Anda dapat mengunjungi melalui email saya <br>
    <a href="http://rozikoutsiders@gmail.com">rozikoutsiders@gmail.com</a>atau blog saya
    <a href="http://rozikoutsiders.blogspot.com">rozikoutsiders.blogspot.com</a> 
    <p align="left"><strong>Form Email : </strong></p>
    <div align="left">
      <table width="100%" border="0">
        <tr>
          <td width="15%" valign="top">Email Anda </td>
          <td width="2%" valign="top">:</td>
          <td width="83%" valign="top" class="style5"><label>
            <input name="email_anda" type="text" id="email_anda" size="30">
          </label></td>
        </tr>
        <tr>
          <td width="15%" valign="top">Isi Pesan </td>
          <td width="2%" valign="top">:</td>
          <td valign="top" class="style5"><label>
            <textarea name="isi_pesan" cols="35" rows="5" id="isi_pesan"></textarea>
          </label></td>
        </tr>
        <tr>
          <td width="15%" valign="top">&nbsp;</td>
          <td width="2%" valign="top">&nbsp;</td>
          <td valign="top" class="style5"><label>
            <input name="kirim" type="submit" id="kirim" value="Kirim">
            <input name="batal" type="reset" id="batal" value="Batal">
          </label></td>
        </tr>
      </table>
    </div>
  </div>
</body>
</html>
hasil tampilan

1 komentar: