Membuat web dengan HTML part 9

pada pembahasan kali ini membahas penerapan tag yang berbeda.

Buka sebuah halaman notepad buatlah sebuah model sederhana sebuah tabel (contoh: seperti di samping). Simpan dengan nama masing-masing dan pastikan format penyimpanan adalah *.htm atau *html.

1.       Buka kembali sebuah notepad dan buatlah sebuah aplikasi css (contoh: seperti di samping bawah kiri).

Ganti nilai ****** pada background-color dengan kombinasi huruf A s/d F.

Ganti nilai ****** pada color dengan kombinasi angka dan huruf dari 1 s/d 0 dan a s/d f.

Buat sebuah file selectorbebas.css (seperti contoh di samping kanan bawah)

2.       Terapkan file selectortag.css pada file tabel dengan menambah tag setelah tag dan sebelum tag

type="text/css">

terapan tag

berikut css nya, simpan dengan nama selectortag.css

berikut source code nya, simpan dengan nama terapantag.html

terapan bebas

berikut css nya, simpan dengan nama selectorbebas.css

beserta source code nya, simpan dengan nama terapanbebas.html

walaupun tampilan yang dihasilkan sama, namun cara pemanggilan link dengan tag nya yang berbeda. bisa diliat dari source code yang berbeda dari kedua tampilan di atas. 

semoga membantu. terima kasih :)

Membuat web dengan HTML part 8

kali ini membuat tampilan web dengan iframe

Part 1

Kita akan buat halaman web dengan tampilan berikut

Yang pertama adalah buat isinya dengan nama isi.html pada satu folder dengan nama frame 1, dengan source code nya

 

 

Jangan lupa masukkan image nya. Disini menggunakan image sunset.html. 

Kemudian buat halaman untuk membuat link gambar menjadi warna. Pilih warna apa yang diinginkan,disini contoh adalah hijau, maka nama filenya adalah hijau.html. isi dengan  source code berikut:

Selanjutnya untuk tampilan terakhir kita buat halaman baru lagi dengan nama frame.html dengan isi kode berikut

 

Lalu tampilannya seperti ini jika dijalankan

 

 

Dan jika gambarnya di klik akan tampil warna hijau saja

 

Part 2

Membuat contoh data pembelian dengan format html biasa seperti tampilan dibawah

Berikut kode nya

  Lalu buat lagi halaman web dengan nama frame.html dalam satu folder sama, isi dengan kode berikut

 

Dan setelah dijalankan ifame akan membuat tampilan seperti ini

sekian untuk pembahasan kal ini. terima kasih..