Buatlah Format halaman web dengan sintak berikut, lalu simpan dengan format html :
<frameset rows="20%,70%,10%"
border="1">
<frame name="header" src=""/>
<frameset cols="20%,60%,20%">
<frame name="menu kiri" src=""/>
<frame name="menu utama" src=""/>
<frame name="menu kanan" src=""/>
</frameset>
<frame name="footer" src=""/>
</frameset>
Lalu buatlah html masing masing dengan nama header.html ,
menu kiri.html, menu utama.html, menu kanan.html, dan footer.html.
Setelah itu kita masukan file tersebut ke dalam form
framenya
Maka akan masuk pada masing masing bagian dari Frame
Berikutnya tinggal kita isikan saja apa yang kita inginkan
di dalam 5 file tadi (bukan file utama), contoh kita akan mengganti header maka
kita hanya tinggal memasukan data pada file header (header.html). seperti ini
contohnya
Dan file html nya tidak perlu membuat sintak <html>
karena sudah terdaftar pada frame. Dan hasilnya seperti ini
Dan contoh lain jika kita memasukan data pada menu kiri dan
menu utama.
Script menu kiri.html
<center>Isi Menu Kiri</center> </br>
<ul>
<li><a href="menu utama.html"
target="menu utama">Home</a></li>
<li><a href="pengertian.html"
target="menu utama">Pengertian Beberapa Tag</a></li>
</ul>
Script untuk pengertian.html
Tag ol : mendefinisikan daftar dalam format
penomoran</br>
Tag p : membuat paragraf baru</br>
Tag pre : membuat teks dengan ukuran huruf yang
sama</br>
Tag strike : untuk memberi garis tengah pada teks
"Mencoret teks", fungsinya sama dengan tag "del"</br>
Tag li : untuk menampilkan informasi dalam bentuk item
daftar</br>
Tag ul : memberikan daftar dalam format bullet</br>
Tag dl : mendefinisikan sebiah daftar direktori</br>
Tag dd : mendefinisikan deskripsi dari item dalam daftar
definisi</br>
Tambahan supaya menu kanan juga tidak kosong saya akan coba untuk memasukan video mp4 di menu kanan dengan script berikut di simpan di menu kanan.html
<center>Isi Menu Kanan</center></br>
<video width="100%" height="80%"
controls>
<source src="gunndam.mp4"
type="video/mp4">
</video>
Maka hasilnya seperti ini.
Next Modul Selanjutnya
ReplyDeleteIya pa iya pa, tinggal posting padahal mah, tpi msih ad hal yng lain😀 nanti secepatnya saya posting😀
ReplyDelete