membuat web dengan HTML part 5

pada pertemuan ini sebenarnya adalah UTS yaitu membuat tampilan web dengan Framset. Frameset itu adalah sebuah tag untuk membuat satu atau lebih elemen frame. berfungsi untuk menampilkan isi halaman yang lain dan ditampilkan pada satu halaman induk. contoh kita akan membuat daftar isi yang masing2 akan hyperlink ke document yang berbeda-beda

1. struktur dasar HTML --> struktur.html
2. membuat hompage dengan HTML --> intro.html
3. content1 --> content2.html
• pre --> content2.html dengan spesial tag #pre
• blockquote --> content2.html dengan spesial tag #blockquote
4. font --> content2.html dengan spesial tag #font
• ukuran font --> content2.html dengan spesial tag #size
• warna font --> content2.html dengan spesial tag #color
5. daftar/list --> content2.html dengan spesial tag #list
6. gambar --> content3.html dengan spesial tag #gambar
7. tabe baris dan kolom --> content3.html dengan spesial tag #tabel
8. form --> content4.html

 

untuk source code nya dibawa ini:

 Yang kita beri nama daftar isi.html kemudian simpan pada satu folder. Lalu selanjutnya kita buat untuk judulnya seperti ini:

 

Dengan source code berikut:

 

Yang kita beri nama logo.html. simpan dalam satu folder yang sama dengan daftar isi. Kemudian untuk tampilan pada isi masing-masing daftar isi kita masukkan link dari hasil pertemuan 1, 2, dan 3 yang sudah ada. Kemudian simpan pada folder yang sama.

Untuk membuat setiap link berfungsi dan membuka halaman yang diinginkan pertama-tama pada halaman yang aka dibuka kita inisiasi dengan tag sesuai dengan yang ada di daftar isi. 

Sebagai contoh yang pertama adalah Content1 terdiri dari Pre dan Blockquote yang terdapat pada Content2.html. Pada kode Content2.html kita tambahkan tag ditutup dengan dan pada daftar isi kita tambahkan content2.html#pre seperti dibawah ini

Tampilan di web : 

Source code dengan tambahan tag pada daftar isi:

 

Source code pada content2.html :

Begitu juga dengan content lain pada content3.html dan content4.html sehingga tampilannya menjadi seperti dibawah ini:

 
demikian contoh untuk tampilan web menggunakan frameset.  selamat mencoba!