Rumah > Artikel > hujung hadapan web > Tag bingkai HTML

Tag bingkai HTML

WBOYasal: 2024-09-04 16:30:32439semak imbas

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>

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>

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>

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>

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>

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>

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!

html define for include using Length Attribute number default this display position border column windows

Kenyataan：

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 sebelumnya：Teg Kepala dalam HTMLArtikel seterusnya：Teg Kepala dalam HTML

Artikel berkaitan

Lihat lagi