MENU

~~ Welcome to My Blog and Thank You for Your Visit ~~

Friday, May 3, 2019

CARA MEMBUAT FRAME HTML

Cara Membuat Frame HTML

Sekarang, kita akan membuat halaman web dengan Frame.
Pertama, kita perlu membuat file pengisi frame sebanyak 3 buah.

  1. Buatlah file HTML berikut, simpan dengan nama logo.html
    <html>
    <head>
      <title></title>
    </head>
    <body bgcolor="#006699">
      <h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>
    </body>
    </html>

  2. Selanjutnya, buatlah file yang kedua, simpan dengan nama menu.html
    <html>
    <head>
      <title></title>
    </head>
    <body bgcolor="#CCCCFF">
    <h4>Latihan</h4>
    Mencoba latihan membuat Frame HTML
    </body>
    </html>
     
  3. Buatlah file yang ketiga, simpan dengan nama welcome.html
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <h2>Selamat Datang</h2>
    <h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>
    </body>
    </html>
     
  4. Yang terakhir adalah kita membuat file pendefinisi frame, simpan dengan nama index.html
    <html>
    <head>
      <title></title>
    </head>
    <frameset rows="25%,*" border="0">
    <frame name="atas" src="logo.html" />
    <frameset cols="20%,*">
    <frame name="menu" scrolling="no" src="menu.html" />
    <frame name="isi" src="welcome.html" />
    </frameset>
    </frameset>
    </html>

BENTUK YANG FRAME YG DIBUAT :


Gambar di atas merupakan hasil dari kode-kode yang tertera di atas.