Zusammenfassung der Techniken zur Implementierung komplexer Seitenlayouts mithilfe von Framesets

Zusammenfassung der Techniken zur Implementierung komplexer Seitenlayouts mithilfe von Framesets

Code kopieren
Der Code lautet wie folgt:

<html>
<!--Gemischtes Rahmenlayout:
Um ein komplexes Seitenlayout zu erreichen, verwenden Sie einfach das Tag <frameset> im Tag <frameset> und legen Sie es dann über die Attribute cols und rows fest.
<frameset rows="50%,50%">
<frame src="02-Bildergalerie.html" name="top">
<frameset cols="25%,75%">
<frame src="frame_a.html">
<frame src="02图片标签.html" name="rechts">
</frameset>
</frameset>
</html>

Rahmen_a.html

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf></Kopf>
<!--Das Zielattribut im a-Tag zeigt auf das Element frame in der Frame-Sammlung
Der Wert von target ist der Wert von name im Frame-Tag -->
<Text>
<a href="http://www.itheima.com" target="top">Offizielle Website</a>

<a href="http://www.baidu.com" target="rechts">Baidu</a>
</body>
</html>

<<:  So verwenden Sie benutzerdefinierte Bilder in HTML zum Anzeigen von Kontrollkästchen

>>:  Implementierung einer kreisförmigen CSS-Aushöhlung (Gutschein-Hintergrundbild)

Artikel empfehlen

Beispielcode von Vue + Element UI zur Realisierung der Player-Funktion

Die Anzeige ohne Effektbild ist nur leeres Gerede...

Beispielanalyse der Verwendung gespeicherter MySQL-Prozeduren

Dieser Artikel beschreibt die Verwendung gespeich...

Zwei Möglichkeiten zum Deklarieren privater Variablen in JavaScript

Vorwort JavaScript unterscheidet sich von anderen...

Mehrere Navigationsrichtungen, die in Zukunft beliebt sein werden

<br />Dies ist nicht nur ein Zeitalter der I...

Mysql Sql-Anweisungsübungen (50 Fragen)

Tabellenname und Felder –1. Studentenliste Studen...

Perfekte Lösung zur vertikalen Zentrierung von Formelementen

Code kopieren Der Code lautet wie folgt: <!DOC...

Slot-Anordnung und Nutzungsanalyse in Vue

Die Betriebsumgebung dieses Tutorials: Windows 7-...

Best Practices zur Implementierung einfacher Jira-Projekte mit React+TS

Eine Reihe von Projekten für die Ausbildung reagi...

Detaillierte Erklärung der MySQL InnoDB-Indexerweiterung

Indexerweiterung: InnoDB erweitert automatisch je...

js, um ein Wasserfall-Flusslayout zu erreichen (unendliches Laden)

In diesem Artikelbeispiel wird der spezifische Co...