praktikum web programming iv · 2014. 4. 11. · html frame dengan frame, kita dapat menampilkan...

Praktikum Web Programming IV

HTML Frame

HTML FrameDengan frame, kita dapat menampilkan lebih dari 1 dokumen HTML dalam jendela browser yang sama. Setiap dokumen HTML disebut sebuah frame dan setiap frame berdiri sendiri.

Tag <frameset> mendefinisikan bagaimana membagi jendela menjadi frame

Setiap frameset mendefinisikan jumlah baris dan kolom

Tag <frame> mendefinisikan dokumen HTML yang akan ditampilkan dalam tiap frame.

Contoh :

Buat sebuah dokumen HTML dengan menggunakan Dreamweaver dan ketikkan listing berikut:

<html>

<frameset cols="25%,50%,25%">

<frame src="Praktikum 1.html">



</frameset>

</html>

Simpan dengan nama Praktikum 12.html.

Jalankan menggunakan Web Browser.

HTML FrameVertical Frameset

HTML FrameHorizontal Frameset

Contoh :


<html>

<frameset rows="25%,50%,25%">




</frameset>

</html>



HTML FrameHorizontal Frameset

HTML FrameMixed Frameset

Contoh :


<html>

<frameset rows="50%,50%">


<frameset cols="25%,75%">



</frameset>

</frameset>

</html>



HTML FrameMixed Frameset

HTML FrameInline Frame

Contoh :


<html>

<body>

<iframe src="Praktikum 10.html"></iframe>

<p>Beberapa browser versi lama tidak mendukung iframes.</p>

<p>Jika browser tidak mendukung, iframe tidak akan kelihatan.</p>

</body>

</html>



HTML FrameInline Frame

HTML FrameNavigation Frame

Contoh 1:


<html>

<body>

<a href ="Praktikum 1.html" target ="showframe">Praktikum 1</a><br>

<a href ="Praktikum 2.html" target ="showframe">Praktikum 2</a><br>

<a href ="Praktikum 3.html" target ="showframe">Praktikum 3</a>

</body>

</html>



Contoh 2:


<html>

<frameset cols="120,*">


<frame src="Praktikum 1.html" name="showframe">

</frameset>

</html>


Jalankan dengan menggunakan Web Browser.

LatihanBuatlah file dengan nama Latihan3.html, untuk menghasilkan output sbb :

praktikum web programming iv · 2014. 4. 11. · html frame dengan frame, kita dapat menampilkan...

Documents