Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > HTML-Frameset-Tag

HTML-Frameset-Tag

WBOY
Freigeben： 2024-09-04 16:30:32
Original
499 Leute haben es durchsucht

Das -Tag in HTML kombiniert mehrere Frames und zeigt sie als eine einzelne Webseite an. Dieses Dokument besteht aus allen Frames, die in einem Frameset enthalten sind. Frames ähneln lediglich einzelnen Fenstern oder Websites. Mit dem Frameset-Tag können wir mehrere Spalten oder Zeilen bilden und die Frames darunter einfügen. Diese Funktion war vor HTML 5 verfügbar und ist nützlich, um verschiedene Dokumente gleichzeitig anzuzeigen, indem sie miteinander kombiniert werden. Jeder Frame kann seinen Inhalt enthalten; Normalerweise handelt es sich dabei um verschiedene Webdateien wie HTML oder Bilder.

Syntax

Hier ist das Start-Tag und endet mit dem End-Tag als . Das Das Tag kann ein oder mehrere Frame-Tags enthalten. Jedes Frame-Tag beginnt mit Tag mit dem Attributnamen „src“, an das wir unsere Frame-Inhalte übergeben. Wie bereits erwähnt, kann es sich bei diesem Inhalt um Webdateien wie HTML oder weitergegebene Bilder handeln.

<frameset cols / rows = ", , , " >
<frame src = "source file name. . . " >
. . . . . .
. . . . . .
<frame src = "source file name. . . " >
</frameset>
Nach dem Login kopieren

Hier haben wir ein Start-Tag-Frameset, das Attributspalten oder -zeilen enthält. Im Allgemeinen werden diese beiden Attribute zusammen mit einem Frameset-Tag verwendet, da ein Frameset-Tag zum Kombinieren mehrerer Frames verwendet wird. Diese Tags ermöglichen lediglich die Bildung von Zeilen oder Spalten zur Positionierung verschiedener Frames. Auf den Start-Tag folgt dann ein einfacher Frame-Tag. Um eine Datei in einem Frame anzuzeigen, verwenden Sie das Attribut „src“ im Frame-Tag und übergeben Sie den Dateinamen als Wert. Wir haben mithilfe der Punkte gezeigt, dass ein einzelner Frame mehrere Frames enthalten kann. Und schließlich wird das Frameset-Tag durch das schließende Tag geschlossen.

Attribute des Frameset-Tags

Unten finden Sie die Liste der Attribute, die vom Frameset-Tag unterstützt werden:

1. cols: Dieses Attribut wird verwendet, um die Frames darin zu positionieren. Das cols-Attribut unterteilt das Frameset in mehrere Spalten und zeigt die Frames vertikal an. Dieses Attribut ermöglicht auch das Festlegen der Breite jeder Spalte im Frameset. Wir können für jeden Frame unterschiedliche Werte festlegen, indem wir den Wert an dieses Attribut übergeben. Der Wert kann in Prozent, Pixeln oder relativer Länge übergeben werden. Der Standardwert für dieses Attribut ist 100 %.

2. rows: Dieses Attribut ähnelt auch dem cols-Attribut. Das rows-Attribut unterteilt das Frameset in mehrere Zeilen und die Frames werden horizontal nacheinander angezeigt. Wir können den Wert ähnlich dem cols-Attribut übergeben, um die Höhe jedes Frames festzulegen. Durch die Verwendung sowohl von Zeilen als auch von Spalten kann das gewünschte Ergebnis erzielt werden. Der Standardwert für dieses Attribut ist ebenfalls 100 %.

3. border: Dieses Attribut wird über dem Frameset-Tag verwendet, um die Breite jedes Frames in einem Frameset zu definieren.

4. Framespacing: Das Frameset-Tag verwendet das Attribut „Frame-Abstand“, um die Lücken zwischen den darin enthaltenen Frames festzulegen.

Beispiele zur Implementierung des HTML-Frameset-Tags

Im Folgenden finden Sie Beispiele für HTML-Frameset-Tags:

Beispiel #1

Es enthält mehrere HTML-Dateien, da wir verschiedene Dateien als Rahmen in einem übergeordneten Fenster verwenden.

Code:

Hauptdatei:

<!DOCTYPE html>
<html>
<head>
<title> frameset tag in HTML </title>
<style>
</style>
</head>
<frameset>
<frame src = "frame1.html" >
</frameset>
</html>
Nach dem Login kopieren

Wir haben eine einzige Quelldatei mit dem Namen Frame 1.

frame1.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>
Nach dem Login kopieren

Ausgabe:

Da wir nur eine Datei als einzelnen Frame eingebunden haben, wird auf der Seite der Inhalt von „frame.html“ als Ganzes angezeigt. Die Breite und Höhe des Rahmens betragen standardmäßig 100 %; Aus diesem Grund nimmt ein einzelner Frame die gesamte Fläche ein.

HTML-Frameset-Tag

Beispiel #2

Fügen wir unserem Beispiel einen weiteren Frame hinzu und teilen ihn spaltenweise auf, indem wir das cols-Attribut verwenden und den Wert in Prozent übergeben.

Code:

frame2.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>
Nach dem Login kopieren

Hauptdatei:

<!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>
Nach dem Login kopieren

Ausgabe:

Hier haben wir zwei Frames übergeben und sie mithilfe des cols-Attributs mit den übergebenen Werten 40 % und 60 % geteilt. Stellen Sie die Breite des ersten Rahmens auf 40 % und die Breite des zweiten Rahmens auf 60 % ein.

HTML-Frameset-Tag

Beispiel 3

Lassen Sie uns dieselben Frames horizontal unterteilen, indem wir das Zeilenattribut verwenden. Wir werden das gleiche letzte Beispiel modifizieren. Der Unterschied besteht darin, dass das rows-Attribut das cols-Attribut ersetzt. Auch das rows-Attribut nimmt einen ähnlichen Wert wie das cols-Attribut an. Abhängig von der Anzahl der Frames können wir mehrere Werte übergeben.

Code:

Hauptdatei:

<!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>
Nach dem Login kopieren

Ausgabe:

Die Ausgabe besteht hier aus zwei horizontalen Rahmen mit der gleichen Höhe von 50 %. Beachten Sie, dass diese Höhe dem tatsächlichen Browserfenster entspricht.

HTML-Frameset-Tag

Fazit

Wir haben etwas über das Frameset-Tag in HTML, seinen Zweck und seine Verwendung gelernt. Ziel dieses Tags ist es, mehrere Frames in einem Anzeigefenster zusammenzuführen und darzustellen. Mithilfe der verfügbaren Attribute können wir auch die Position und Größe der Rahmen definieren. Dieses Tag ist seit HTML 5 veraltet.

Das obige ist der detaillierte Inhalt vonHTML-Frameset-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
html html5 HTML Tutorial HTML Properties HTML tags
Quelle：php
Vorheriger Artikel：THead-Tag in HTML Nächster Artikel：HTML-Kontrollkästchen-Tag
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Automatische PX-Konvertierung in REM-Fehler  <style>html {  font-size: calc(100vw / 3.75);      }body {    Schriftgröße: 0,16rem...
Aus 2024-04-16 09:34:16
0
0
4687
Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...
Aus 2024-04-06 21:58:04
0
1
800
So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...
Aus 2024-04-06 20:22:15
0
1
454
So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...
Aus 2024-04-06 20:02:10
0
2
543
Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert) Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...
Aus 2024-04-06 17:40:41
0
2
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage