Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Inhaltsverzeichnis
Frameset
Frame
Iframe
Beispiel
Heim Web-Frontend HTML-Tutorial Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?

Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?

零下一度
零下一度
May 02, 2017 pm 03:16 PM

Mit Frame können Sie mehrere Webseiten gleichzeitig im Browserfenster anzeigen. In jedem Frame wird eine Webseite festgelegt, und die Webseiten in jedem Frame sind unabhängig voneinander.

Frameset

Bestimmt, wie der Frame geteilt wird. verfügt über cols-Attribute und rows-Attribute. Verwenden Sie das cols-Attribut, um den Frame nach Spalten zu verteilen; verwenden Sie das rows-Attribut, um den Frame nach Zeilen zu verteilen.

Frame

Verwenden Sie das -Tag, um die Webseite einzurichten. Es gibt ein src-Attribut in und der src-Wert ist der Pfad und Dateiname der Webseite.

Der Zweck des folgenden Codes besteht darin, das Frameset in zwei Spalten zu unterteilen. Die erste Spalte bedeutet 25 %, dass die Breite der ersten Spalte 25 % der Fensterbreite beträgt der ersten Spalte beträgt 75 % der Fensterbreite. a.html wird in der ersten Spalte und b.html wird in der zweiten Spalte angezeigt. 

<frameset cols="25%,75%">
   <frame src="../asdocs/html_tutorials/Frame_a.html">
   <frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>
Nach dem Login kopieren

Iframe

Iframe bedeutet Inline Frame. Verwenden Sie

Beispiel

<html>

<frameset cols="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie drei Webseiten gleichzeitig im Browser angezeigt werden. Die drei Webseiten sind in Spalten verteilt. 

<html>

<frameset rows="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie drei Webseiten gleichzeitig im Browser angezeigt werden. Die drei Webseiten sind zeilenweise verteilt.

Gemischtes Frameset

<html>

<frameset rows="50%,50%">

<frame src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>
Nach dem Login kopieren

In diesem Beispiel werden sowohl das cols-Attribut als auch das rows-Attribut verwendet, um den Frame flexibel zu verteilen.

Das Noresize-Attribut im Frameset

<html>

<frameset rows="50%,50%">

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>
Nach dem Login kopieren

Verwenden Sie das Noresize-Attribut, um die Größe des Frames sicherzustellen. Wenn das Attribut noresize nicht verwendet wird, können Sie den Rahmen des Rahmens mit der Maus verschieben, um die Größe des Rahmens zu ändern. Wenn das Attribut noresize festgelegt ist, kann der Rahmen nicht verschoben werden.

Frame für die Navigation 

<html>
<frameset cols="120,*">

<frame src="../asdocs/html_tutorials/framelist.html">
<frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe">

</frameset>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie man einen Frame für die Navigation erstellt. Dieser Navigationsrahmen enthält einen HTML-Code und dieser HTML-Code (Code unten) enthält eine Liste von Webseiten. Klicken Sie auf ein beliebiges Element in der Webseitenliste. Die angeklickte Webseite wird im zweiten Frame angezeigt. 

<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html"  target="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html"  target="showframe">笑话三<a></p>
</BODY>
</HTML>
Nach dem Login kopieren

Verwendung von Iframe

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>

<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>

<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>

</body>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie man Iframe verwendet, um eine Webseite in eine HTML-Datei einzubetten.

Das obige ist der detaillierte Inhalt vonWelchen Nutzen hat die Einführung von HTML-Frames (Frames)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Mehr anzeigen

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Assassin's Creed Shadows: Seashell Riddle -Lösung
2 Wochen vor By DDD
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?
7469
15
CakePHP-Tutorial
1376
52
Wie lautet das Format des Kontonamens von Steam?
77
11
Win11 -Aktivierungsschlüssel dauerhaft
48
19
NYT -Verbindungen Hinweise und Antworten
19
29
Mehr anzeigen
Related knowledge
Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles