Rumah >hujung hadapan web >html tutorial >Bingkai HTML

Bingkai HTML

王林asal: 2024-09-04 16:15:29510semak imbas

Bingkai html berguna untuk membahagikan halaman web atau pelayar web kepada beberapa bahagian; ia memisahkan bahagian kemudian memuatkan secara berbeza.

A-frame memaparkan kandungan bebas daripada bekasnya. Berbilang bingkai membentuk koleksi dan dikenali sebagai set bingkai. Susunan boleh dianggap serupa dengan orientasi baris dan lajur dalam jadual. Teg bingkai telah ditamatkan dalam HTML5.

Setiap bingkai mempunyai tag bingkai untuk ditunjukkan. Bingkai mendatar ditakrifkan oleh atribut baris tag bingkai, dan atribut menegak ditakrifkan oleh atribut lajur tag bingkai dalam dokumen HTML. Tetingkap yang sama dalam satu bingkai mungkin memaparkan sepanduk statik, menu navigasi kedua, dsb.

Sintaks Bingkai

Dalam HTML, tiada teg hujung untuk tag. Apabila kami menggunakan bingkai dalam halaman web, kami menggunakan teg bukannya tag. Menggunakan ialah cara kami mengarahkan halaman web untuk membahagikannya kepada bingkai The teg mentakrifkan dokumen HTML yang harus dibuka sebagai bingkai.

Kol atribut mengambil nilai dalam piksel dan ia membantu dalam menentukan bilangan dan saiz lajur dalam set bingkai.

<cols ="10%,80%,10%">

Begitu juga, seperti yang kita lihat di atas, baris atribut mengambil nilai dalam piksel, dan ia membantu dalam menentukan bilangan dan saiz baris dalam set bingkai.

<rows ="10%,80%,10%">

Walau bagaimanapun, perlu diperhatikan dengan sewajarnya bahawa teg telah ditamatkan dalam HTML5 dan ia tidak lagi digunakan.

Jenis Bingkai Berbeza dalam HTML

Salah satu kegunaan bingkai adalah untuk memuatkan bar navigasi dalam satu bingkai dan kemudian memuatkan halaman utama ke dalam bingkai yang berasingan. Tag A-frame mentakrifkan satu bingkai tetingkap tunggal dalam .

mempunyai sokongan penyemak imbas dalam Chrome, Internet Explorer, Mozilla, Safari dan Opera Mini.

Atribut yang berbeza dan beberapa yang biasa digunakan dalam bingkai ialah atribut seperti sempadan, menatal, src, nama, dll.

Jenis Tag Bingkai

Berikut ialah pelbagai jenis tag bingkai:

Teg Atribut

Terdapat lima atribut penting dan kami membincangkannya di sini :

1. Kol: Atribut kol memberikan bingkai menegak. Walau bagaimanapun, lebar boleh ditentukan dalam 4 cara:

Piksel: nilai mutlak boleh disebut dalam piksel. Jika kita perlu mencipta tiga bingkai menegak, kita boleh memberikan nilai: cols=”100,50,100”.

Peratusan: Peratusan tetingkap penyemak imbas boleh disebut. Jika kita perlu mencipta tiga bingkai menegak, kita boleh memberikan nilai: cols=”40%,20%,40%.”

Kami juga boleh menggunakan kad bebas di sini (*) dan membiarkan kad bebas mengambil baki tetingkap, yang masih tidak disebut.

cols=”30%,*,30%”

Bingkai HTML

Output:

Bingkai HTML

2. Baris: Atribut baris memberikan bingkai mendatar. Ia menentukan baris dalam set bingkai. Jika kita perlu mencipta tiga bingkai mendatar kita gunakan:

Cth: Baris=”10%,80%,10%’.

Kami juga boleh menetapkan ketinggian setiap baris seperti yang telah kami lakukan dalam kes lajur sebelum ini.

Bingkai HTML

Output:

Bingkai HTML

3. Sempadan: Ia menentukan lebar sempadan setiap bingkai dalam piksel.

Cth., sempadan=”4”. Jika sempadan=”0”, bermakna tiada sempadan.

4. Frameborder: Jika sempadan tiga dimensi perlu dipaparkan antara bingkai, maka kami menggunakan atribut ini. Nilai yang diambil oleh atribut adalah sama ada 1 atau 0 ( Ya atau Tidak).

Cth.: frameborder=”0” bermaksud tiada sempadan.

5. Jarak bingkai: Atribut ini menentukan jumlah ruang antara bingkai dalam set bingkai. Sebarang nilai integer boleh diberikan di sini untuk atribut ini.

Cth., jarak bingkai=”12” bermaksud antara bingkai, perlu ada jarak 12 piksel.

Teg Atribut

Terdapat 8 atribut yang boleh disenaraikan di sini dalam bahagian ini.

1. src: Kami menyediakan nama fail kepada atribut ini yang sepatutnya dimuatkan ke dalam bingkai. Nilai atribut ini boleh berupa mana-mana URL.

Cth: src= www.facebook.com

2. nama: Atribut ini memberikan nama kepada bingkai. Ia mentakrifkan bingkai mana dokumen harus dimuatkan. Jika anda mempunyai berbilang pautan dalam satu bingkai yang dimuatkan ke dalam bingkai lain, kami menggunakan atribut ini. Kemudian bingkai kedua memerlukan nama untuk mengenal pasti dirinya sebagai sasaran pautan.

Cth., name=”abc.htm.”

3. frameborder: Atribut ini ditentukan untuk menunjukkan sama ada sempadan akan ditunjukkan atau tidak. Nilai yang diambil ialah 1 atau 0 (Ya atau Tidak).

4. marginwidth: Atribut membantu dalam menentukan lebar ruang antara kiri dan kanan sempadan bingkai dan juga kandungan bingkai. Nilai diberikan dalam piksel.

Cth., marginwidth=”10”.

5. marginheight: Atribut membantu dalam menentukan ketinggian ruang antara bahagian atas dan bawah sempadan bingkai dan juga kandungan bingkai. Nilai diberikan dalam piksel.

Cth., marginheight=”10”.

6. noresize: Atribut ini pada asasnya menghalang pengguna daripada membuat sebarang perubahan pada bingkai yang sedia ada. Sekiranya tiada atribut ini, sebarang bingkai boleh diubah saiznya.

Cth., noresize=”noresize.”

7. menatal: Atribut ini mengawal penampilan bar skrol, yang terdapat pada bingkai. Nilai sama ada 'ya, 'tidak' atau 'auto'.

Cth., menatal=” tidak” bermakna ia tidak sepatutnya mempunyai bar skrol.

8. longdesc: Atribut ini membolehkan anda memberikan pautan ke halaman lain yang mengandungi penerangan panjang kandungan bingkai.

Cth., longdesc=”framedesc.htm.”

Sokongan Bingkai dan Penyemak Imbas

Pelayar lama tidak menyokong bingkai, kemudian