HTML Part 7:penggunaan DIVISION Dan IFRAME

DIVISION Dan IFRAME




ASSALAMUALAIKUM wr wb
   hai,teman teman terima kasih telah mengunjungi web ini.
kali,saya akan membahas tentang DIVISION dan IFRAME dan cara penggunaanya,apa teman teman tau tentang kedua tag itu kalau tidak tau silahkan baca penjelasan ini.

1.TAG DIVISION (DIV)
    Div biasanya digunakan untuk membuat layer yang akan memudahkan kita untuk membuat layout sesuai dengan design yang di inginkan. Untuk membuat layer kita menggunakan tag Div dan diberi atribut ID ataupun Class.

Penggunaan ID dan Class
Setiap tag sebenarnya bisa saja diberikan atribut ID ataupun Class. Namun penggunaan atribut ini secara lumrah digunakan untuk tag pengelompokan yakni pada Div. Berikut penjelasannya :

ID : Atribut ini digunakan untuk penamaan elemen pada HTML yang memiliki karakteristik yang unik atau berbeda. Tidak diperkenankan ada dua elemen yang memiliki ID yang sama. Salah penggunaan ID, maka akan berdampak pada hasil tampilan web itu sendiri.

Class : Digunakan untuk memberikan penamaan elemen yang memiliki karakteristik atau struktur yang dapat digunakan secara berulang-ulang dalam tag HTML.

2.TAG IFRAME.

    Beberapa macam tag iframe dan cara penggunaanya sebagai berikut:
    1.Iframe HTML didefinisikan dengan <iframe> tag:
<iframe src="URL"></iframe>
         src atribut menentukan URL (alamat web) dari halaman frame inline.
    2.Iframe - Mengatur Tinggi dan Lebar
Gunakan tinggi dan lebar atribut untuk menentukan ukuran iframe.
      Nilai atribut yang ditentukan dalam pixel secara default, tetapi mereka juga bisa dalam persen (seperti "80%"). 
    Contoh
<iframe src="demo_iframe.htm" height="200" width="300"></iframe>
 
3.Iframe - Hapus Perbatasan
Secara default, iframe memiliki perbatasan di sekitarnya.

Untuk menghapus perbatasan, tambahkan gaya atribut dan menggunakan CSS perbatasan properti:
         Contoh
<iframe src="demo_iframe.htm" style="border:none;"></iframe>

Dengan CSS, Anda juga dapat mengubah ukuran, gaya dan warna perbatasan iframe:
Contoh
<iframe src="demo_iframe.htm" style="border:2px solid grey;"></iframe>
 4.Iframe - Target sebuah Link
      Iframe dapat digunakan sebagai target bingkai untuk link.
Target atribut link harus mengacu pada nama atribut iframe:
       Contoh
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
 
        Sekian tutorial dari saya terima kasih dan semoga bermanfaat.

REFERENSI:
   
       WASSALAMUALAIKUM wr wb

Komentar

Posting Komentar

Postingan populer dari blog ini

how to upgrade php5.6 ke php 7.0

Gambar
UPGRADE PHP5.6 KE PHP7.0 ASSALAMUALAIKUM wr wb.     pada artikel kali ini saya akan membahas tentang bagaimana mengupgrade php5.6 ke php7.0 1.PENGERTIAN.     php yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.  2.MAKSUD DAN TUJUAN.    untuk mengetahui fitur apa saja yang baru dari php7 dibandingan dengan php sebelumya. 3.ALAT DAN BAHAN. - laptop/komputer yang terinstall os linux. -koneksi internet.; -web browser. 4.WAKTU PELAKSANAAN.    sekitar kurang lebih 15 menit tergantung koneksi internet. 5.PEMBAHASAN.     kelebihan dan kekurangan php 1.kelebihan.             -Bisa membuat Web menjadi Dinamis.     -PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.     -Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Oper
Terus membaca

CSS Part 12: FONT CSS

Gambar
FONT CSS ASSALAMUALAIKUM wr wb.     apa kabar teman teman kali ini saya akan membahas tentang macam macam font teman teman yang pernah menggunakan ms word pasti pernah menggunakan jenis font apa tapi saya tidak membahas tentang ms word tapi font yang ada di css berikut artikel yang membahas tentang font. 1.Pengertian CSS Font.     metode untuk mengatur huruf pada elemen tag html. 2.MAKSUD dan TUJUAN.   untuk mengetahui cara penggunaan font. 3.BAHAN dan ALAT.  - laptop/pc  -web browser contohnya seperti mozilla fire fox atau yang lain  -memiliki aplikasi seperti sublime text/notepad  4.Materi CSS memberikan kita kemampuan penuh untuk mengatur jenis huruf elemen pada tag HTML. properti CSS yang berhubungan dengan yang digunakan dalam CSS font antara lain :         1.font family     2.font style     3.font size     4.font weight     5.font variant berikut contoh penerapan pada tag font diatas: 1.font family.     adalah tag yang digunakan untuk mengatur jenis pada h
Terus membaca

MENGANTI TAMPILAN THEME PADA WORDPRESS

Gambar
WORDPRESS ASSALAMUALAIKUM wr wb.    pada kesempatan kali ini saya akan menjelaskan bagaimana menganti tampilan theme pada wordpress. 1.PENGERTIAN.         adalah sebuah aplikasi sumber terbuka (open source) yang sangat populer digunakan sebagai mesin blog (blog engine). 2.MAKSUD DAN TUJUAN.        untuk bisa menganti tampilan wordpress sesuka kita. 3.ALAT DAN BAHAN.  -laptop/komputer.  -wordpress.  -web browser. 4.LAMA PELAKSANAAN.    sekitar 5 menit. 5.PELAKSANAAN.     1.buka web browser dan masuk ke wordpress. 2.pilih tampilan dan kilk tambahkan tema baru. 3.setelah pilih tema yang anda sukai dan klik install jika sudah klik aftifkan. 4.berikut hasil tampilan setelah diganti tampilan.     sekian dari artikel kali ini terima kasih telah berkunjung. WASSALAMUALAIKUM wr wb.
Terus membaca