Cara membuat frame facebook di notepad html

Table of Contents Show

Contoh membuat frame di HTML
Membuat folder baru
Membuat file HTML
Apa itu Frame di HTML?
Apa HTML yang benar untuk membuat hyperlink?
Apa fungsi dari Br dalam membuat tampilan facebook dalam HTML *?
Apa itu frame pada web?

Hallo gan, selamat datang dan terimakasih telah berkunjung ke website kami (ilmukita). Di artikel ini kita akan belajar cara membuat frame di HTML . Frame adalah teknik yang digunakan untuk memanggil beberapa halaman kemudian di tampilkan dalam satu halaman.

Format penulisan tag frame :

<frameset>... frameset>

Format penulisan elemen tag frame :

<frame> .. </frame>

Dalam frame kita tidak lagi memerlukan tag body, sehingga struktur dasar frame adalah sebagai berikut:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<frameset>
     <frame>
     <!-- isi frame yang akan di panggil -->
     </frame>
</frameset>
</html>

Tag frameset memiliki atribut diantaranya :

border : menentukan tebal garis border
cols :menentukan lebar kolom (px/%/*) ,dan untuk mentukan jumlah kolom yaitu memakai tanda koma ( , )
rows : menentukan panjang baris (px/%/*) , dan untuk mentukan jumlah baris yaitu memakai tanda koma ( , )

Tag frame memiliki atribut diantaranya :

name : untuk menentukan nama frame atau untuk target link
scr : berfungsi untuk menujukkan/lokasi sumber file.

Contoh membuat frame di HTML

Membuat folder baru

buat folder baru dengan nama frame

Membuat file HTML

Buka text editor
Buat file baru dengan nama index.html kemudian simpan di dalam folder frame

Di file index.html Isikan kode html berikut :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML : farme</title>
</head>
<frameset rows="20%,*,10%" border="1">
    <frame name="header" src="header.html"></frame>
    <frameset cols="25%,*" border="1">
        <frame name="sidebar" src="sidebar.html"></frame>
        <frame name="konten" src="conten.html"></frame>
    </frameset>
    <frame name="footer" src="footer.html"></frame>
</frameset>
</html>

Simpan kembali file tersebut.
Buat file baru dengan nama header.html kemudian simpan di dalam folder frame

Di file header.html isikan kode berikut :

<!DOCTYPE html>
<html>
<head>
 <title>header</title>
</head>
<body bgcolor="yellow">
     <h2>ini header</h2>
</body>
</html>

Simpan kembali file tersebut
Buat file baru dengan nama sidebar.html kemudian simpan di folder farme

Di file sidebar.html isikan kode berikut :

<!DOCTYPE html>
<html>
<head>
<title>sidebar</title>
</head>
<body bgcolor="grey">
    <h3>ini sibebar</h3>
</body>
</html>

Simpan file tersebut
Buat file baru dengan nama conten.html kemudian simpan di folder frame

Di file conten.html isikan kode berikut :

<!DOCTYPE html>
<html>
<head>
<title>conten</title>
</head>
<body>
   <h3>ini konten</h3>
</body>
</html>

Simpan kembali file tersebut.
Buat file baru dengan nama footer.html kemudian simpan di dalam folder fame

Di file footer.html isikan kode brikut :

<!DOCTYPE html>
<html>
<head>
<title>footer</title>
</head>
<body>
     <center>
         <h3>ini footer</h3>
     </center>
</body>
</html>

Simpan kembali file tersebut

Untuk melihat hasilnya buka file index.html di browser

maka akan terlihat sebagai berikut :

hasil tampilan di browser

Untuk download source code frame silahkan klik disini

artikel selanjutnya :

Cara Membuat Form di HTML

Apa itu Frame di HTML?

Frame atau dalam bahasa Indonesia disebut dengan Bingkai merupakan salah satu fiturHTML yang masih dipertahankan hingga HTML versi 4. Fitur ini digunakan untuk menampilkan beberapa file HTML dalam satu jendela browser secara bersamaan.

Apa HTML yang benar untuk membuat hyperlink?

Link pada HTML dapa dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL tujuan dari link.

Apa fungsi dari Br dalam membuat tampilan facebook dalam HTML *?

Elemen <br> (line break) merupakan elemen HTML yang berfungsi untuk menyisipkan baris kosong (line break) di dalam induk elemen seperti paragraf tanpa harus keluar dari elemen tersebut.