So betten Sie mithilfe von Iframe andere Webseiten in eine Webseite ein

So betten Sie mithilfe von Iframe andere Webseiten in eine Webseite ein

So verwenden Sie Iframe:

Code kopieren
Der Code lautet wie folgt:

<DIV align=center><IFRAME src="<a href="https://www.jb51.net">https://www.jb51.net</a>" Rahmenrahmen=0 Randbreite=0 Randhöhe=0 Scrollen=nein Stil="width168:px;height:50px;" Breite=168 Höhe=50 Scrollen=nein ALLOWTRANSPARENCY="true"></IFRAME></DIV>


Beschreibung: Dies ist ein Beispiel für eine Anwendung, die eine Wettervorhersage einbettet. Dieser Effekt wird am häufigsten verwendet. In:

1. „https://www.jb51.net“ ist die Adresse der eingebetteten Webseite;
2. width="168px" height="50px" sind die Breite und Höhe der eingebetteten Webseite. Je größer der Wert, desto größer der Bereich. Um den eingebetteten Inhalt auszublenden, setzen Sie diese beiden Werte auf 0;
3. scrolling="no" ist die Scroll-Einstellung für die eingebettete Webseite. Wenn der Inhaltsbereich groß ist, kann das Scrollen mit scrolling="yes" zugelassen werden. ALLOWTRANSPARENCY="true" ermöglicht transparente Einstellungen. Ändern Sie "true" in "no" für undurchsichtige Einstellungen. Das Gleiche unten;
4. frameBorder=0 ist die Rahmeneinstellung für die eingebettete Webseite. 0 bedeutet kein Rahmen, 1 bedeutet die Dicke des Rahmens. Je größer der Wert, desto dicker der Rahmen. Das Gleiche unten;
5. marginwidth=0 marginheight=0 Legen Sie den Abstand von der eingebetteten Webseite zum Rand fest, 0 bedeutet kein Rand.

<<:  Reines CSS, um die Textsymbolfunktion zu erreichen, indem das erste Zeichen der Zeichenfolge verwendet wird

>>:  Zusammenfassung der Konfigurationsprobleme von Nginx-Standort und Proxy-Pass-Pfad

Artikel empfehlen

Lösung für die Upload-Einschränkung von Element-ui-Uploaddateien

Frage Die Angabe des Typs der hochgeladenen Datei...

Nginx-Anti-Crawler-Strategie, um UA am Crawlen von Websites zu hindern

Anti-Crawler-Richtliniendatei hinzugefügt: vim /u...

So konfigurieren Sie https für Nginx in Docker

Websites ohne https-Unterstützung werden von Brow...

Detaillierte Erläuterung der Verarbeitung der drei Docker Nginx-Protokolle

Da die Kollegen im Unternehmen die Standardausgab...

Implementierung eines schwebenden Werbestreifens in HTML und CSS

1.html Teil Code kopieren Der Code lautet wie folg...

Installieren Sie Linux mithilfe einer virtuellen VMware-Maschine (CentOS7-Image).

1. VMware herunterladen und installieren Verknüpf...

Grafisches Tutorial zur Installation von MySQL 5.7.19 (tar.gz) unter Linux

Das erste Tutorial zur Installation der MySQL-5.7...

Tipps zum Organisieren von Zeichenfolgen in Linux

Bei Linux-Operationen ersetzen und zählen wir häu...