Situs belajar bahasa pemrograman secara online, memberikan informasi, pengembang dan mitra. Termasuk siaran pers, video, screenshot dan download.

HTML Web Responsif dan Iframe



Apa Desain Web Responsif?

  • RWD singkatan Desain Web Responsif
  • RWD dapat memberikan halaman web dalam ukuran variabel
  • RWD adalah suatu keharusan untuk tablet dan perangkat mobile

Membuat Desain Responsif Sendiri

Salah satu cara untuk membuat desain responsif, adalah untuk menciptakan sendiri.

Menggunakan Bootstrap

Cara lain untuk membuat desain responsif, adalah dengan menggunakan kerangka CSS yang sudah ada.
Bootstrap adalah HTML, CSS, dan kerangka JS paling populer untuk mengembangkan jaring responsif.
Bootstrap membantu Anda untuk mengembangkan situs yang terlihat bagus di berbagai ukuran; layar, laptop, tablet, atau telepon.

HTML Iframe

Iframe digunakan untuk menampilkan halaman web dalam halaman web.

Iframe Sintaks

Sintaks untuk menambahkan iframe adalah:
<iframe src="url"></iframe>
Src atribut menentukan URL (alamat web) dari halaman iframe.

Iframe - Mengatur Tinggi dan Lebar

Gunakan tinggi dan lebar atribut untuk menentukan ukuran.
Nilai atribut yang ditentukan dalam pixel secara default, tetapi mereka juga bisa dalam persen (seperti "80%").
<iframe src="index.html" width="800" height="500"></iframe>

Iframe - Hapus Perbatasan

Secara default, iframe memiliki perbatasan hitam di sekitar itu.
Untuk menghapus perbatasan, tambahkan atribut style dan menggunakan properti perbatasan CSS:
<iframe src="index.html" style="border:none"></iframe>
Dengan CSS, Anda juga dapat mengubah ukuran, gaya dan warna perbatasan iframe:
<iframe src="index.html" style="border: 5px solid bllue"></iframe>


Kembali Keatas ⇑





0 komentar:

Posting Komentar

HTML Web Responsif dan Iframe