masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > Tag bingkai HTML

Tag bingkai HTML

WBOY
Lepaskan： 2024-09-04 16:30:32
asal
499 orang telah melayarinya

tag dalam HTML menggabungkan berbilang bingkai dan memaparkannya sebagai satu halaman web. Dokumen ini akan terdiri daripada semua bingkai yang disertakan dalam set bingkai. Bingkai tidak lain hanyalah serupa dengan tetingkap atau tapak web individu. Teg set bingkai membolehkan kami membentuk berbilang lajur atau baris dan memasukkan bingkai di bawahnya. Ciri ini tersedia sebelum HTML 5 dan berguna untuk menunjukkan pelbagai dokumen sekaligus dengan menggabungkannya bersama-sama. Setiap bingkai boleh mengandungi kandungannya; biasanya, ini akan menjadi fail web yang berbeza seperti HTML atau imej.

Sintaks

Di sini teg permulaan adalah sebagai dan berakhir dengan tag akhir sebagai . tag mungkin mengandungi satu atau lebih berbilang tag bingkai. Setiap tag bingkai bermula dengan tag, dengan nama atribut "src," di mana kami akan menghantar kandungan bingkai kami. Seperti yang diperkenalkan, kandungan ini boleh berupa apa-apa sahaja seperti fail web seperti HTML atau imej hantaran.

<frameset cols / rows = ", , , " >
<frame src = "source file name. . . " >
. . . . . .
. . . . . .
<frame src = "source file name. . . " >
</frameset>
Salin selepas log masuk

Di sini, kami mempunyai set bingkai teg permulaan yang mengandungi kol atau baris atribut. Secara amnya, kedua-dua atribut ini akan digunakan bersama-sama dengan tag frameset, kerana tag frameset digunakan untuk menggabungkan berbilang bingkai. Teg ini tidak lain hanyalah membenarkan untuk membentuk baris atau lajur untuk meletakkan pelbagai bingkai. Teg bingkai ringkas kemudian mengikuti teg permulaan. Untuk memaparkan fail dalam bingkai, gunakan atribut "src" dalam teg bingkai dan hantar nama fail sebagai nilainya. Kami telah menunjukkan bahawa satu bingkai boleh mengandungi berbilang bingkai menggunakan titik. Dan akhirnya, tag frameset ditutup dengan menutup tag .

Atribut Tag set bingkai

Di bawah ialah senarai atribut yang disokong oleh tag set bingkai:

1. cols: Atribut ini digunakan untuk meletakkan bingkai di dalam. Atribut cols akan membahagikan set bingkai kepada berbilang lajur, menunjukkan bingkai secara menegak. Atribut ini juga membenarkan menetapkan lebar setiap lajur dalam set bingkai. Kita boleh menetapkan nilai yang berbeza untuk setiap bingkai dengan menghantar nilai kepada atribut ini. Nilai boleh dihantar dalam peratusan, piksel atau panjang relatif. Nilai lalai untuk atribut ini ialah 100%.

2. rows: Atribut ini juga serupa dengan atribut cols. Atribut baris akan membahagikan set bingkai kepada berbilang baris, dan bingkai akan ditunjukkan secara mendatar satu demi satu. Kita boleh lulus nilai yang serupa dengan atribut cols untuk menetapkan ketinggian setiap bingkai. Dengan menggunakan kedua-dua baris dan kol, hasil yang diinginkan boleh dicapai. Nilai lalai untuk atribut ini juga ialah 100%.

3. sempadan: Atribut ini digunakan pada teg set bingkai untuk menentukan lebar setiap bingkai dalam set bingkai.

4. jarak bingkai: Teg set bingkai menggunakan atribut "jarak bingkai" untuk mewujudkan jurang antara bingkai di dalamnya.

Contoh untuk Melaksanakan Tag frameset HTML

Diberikan di bawah adalah contoh Teg bingkai HTML:

Contoh #1

Ia mengandungi berbilang fail Html kerana kami menggunakan fail berbeza sebagai bingkai dalam satu tetingkap induk.

Kod:

Fail utama:

<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset>
<frame src = "frame1.html" >
</frameset>
</html>
Salin selepas log masuk

Kami mempunyai satu fail sumber bernama bingkai 1.

bingkai1.html:

<!DOCTYPE html>
<html>
<head>
<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.15) ;
}
</style>
</head>
<body>
<h2> Example of Frameset tag </h2>
<h1> Frame 1 </h1>
</body>
</html>
Salin selepas log masuk

Output:

Memandangkan kami hanya mempunyai satu fail disertakan sebagai satu bingkai, halaman tersebut akan menunjukkan kandungan frame.html secara keseluruhan. Lebar dan ketinggian bingkai adalah, secara lalai, 100%; itulah sebabnya satu bingkai akan menduduki semua kawasan.

Tag bingkai HTML

Contoh #2

Mari tambah satu lagi bingkai ke dalam contoh kita dan bahagikannya mengikut lajur menggunakan atribut cols dan hantar nilai dalam peratusan.

Kod:

bingkai2.html:

<!DOCTYPE html>
<html>
<head>
<title> Frameset Example </title>
<style>
body {
text-align: center ;
background-color: rgb(120, 120, 120, 0.30 ) ;
}
</style>
</head
<body>
<h2> Hello World..! </h2>
<h1> Frame 2 </h1>
</body>
</html>
Salin selepas log masuk

Fail utama:

<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset cols = "40% , 60 %" >
<frame src = "frame1.html" >
<frame src = "frame2.html" >
</frameset>
</html>
Salin selepas log masuk

Output:

Di sini, kami telah melepasi dua bingkai dan membahagikannya menggunakan atribut cols dengan nilai yang diluluskan sebagai 40% dan 60%. Jadikan lebar bingkai pertama 40% dan lebar bingkai kedua 60%.

Tag bingkai HTML

Contoh #3

Mari bahagikan bingkai yang sama secara mendatar dengan menggunakan atribut baris. Kami akan mengubah suai contoh terakhir yang sama. Perbezaannya ialah atribut baris akan menggantikan atribut cols. Atribut baris juga mengambil nilai yang serupa dengan atribut cols. Kita boleh menghantar berbilang nilai bergantung pada bilangan bingkai.

Kod:

Fail Utama:

<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset rows = "50% , 50%" >
<frame src = "frame1.html" >
<frame src = "frame2.html" >
</frameset>
</html>
Salin selepas log masuk

Output:

Di sini output akan menjadi dua bingkai mendatar dengan ketinggian yang sama seperti 50%. Ambil perhatian bahawa ketinggian ini sepadan dengan tetingkap penyemak imbas sebenar.

Tag bingkai HTML

Kesimpulan

Kami telah mempelajari tentang teg set bingkai dalam HTML, tujuannya dan cara menggunakannya. Teg ini bertujuan untuk menggabungkan dan mempamerkan beberapa bingkai pada satu tetingkap paparan. Kami juga boleh menentukan kedudukan dan saiz bingkai menggunakan atribut yang tersedia. Teg ini telah ditamatkan sejak HTML 5.

Atas ialah kandungan terperinci Tag bingkai HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html html5 HTML Tutorial HTML Properties HTML tags
sumber：php
Artikel sebelumnya：Teg Kepala dalam HTML Artikel seterusnya：Kotak semak HTML Tag
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Penukaran automatik PX kepada ralat REM  <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
daripada 2024-04-16 09:34:16
0
0
4687
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
daripada 2024-04-06 20:22:15
0
1
454
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan) Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
daripada 2024-04-06 17:40:41
0
2
410
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan