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

Vue implementiert den Download von ZIP-Dateien

In diesem Artikelbeispiel wird der spezifische Co...

So konvertieren Sie MySQL-Bin-Log-Protokolldateien in SQL-Dateien

mysqlbinlog-Version anzeigen mysqlbinlog -V [--ve...

js-Methode zur Realisierung der Warenkorbberechnung

In diesem Artikelbeispiel wird der spezifische Co...

So konfigurieren Sie den Nginx-Lastausgleich

Inhaltsverzeichnis Nginx-Lastausgleichskonfigurat...

Analyse der Prinzipien von Docker-Containern

Inhaltsverzeichnis 01 Was ist das Wesen eines Con...

JavaScript Canvas implementiert die Bewegung des Balls entlang der Maus

In diesem Artikelbeispiel wird der spezifische Co...

Containerisierungstransformation für Docker-Großprojekte

Virtualisierung und Containerisierung sind zwei u...

Mit CSS3 implementierte Text-Popup-Effekte

Ergebnisse erzielenImplementierungscode html <...

Einfaches Anwendungsbeispiel für rekursive MySQL 8.0-Abfragen

Vorwort Dieser Artikel verwendet die neuen Funkti...

So passen Sie die Textgröße im Webdesign an: Kleiner Text, großes Erlebnis

Mit der Verbreitung mobiler Endgeräte wie dem iPa...

Wie funktionieren die dynamischen Komponenten von Vue3?

Inhaltsverzeichnis 1. Komponentenregistrierung 1....

Über die richtige Art und Weise der Zeitumrechnung in JS beim Excel-Import

Inhaltsverzeichnis 1. Grundlagen 2. Problembeschr...