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

So beenden Sie den MySQL-Prozess ordnungsgemäß und sicher

Vorwort In diesem Artikel wird der Vorgang zum He...

CSS3-Randeffekte

Was ist CSS? CSS (Abkürzung für Cascading Style S...

CentOS-System-RPM-Installation und -Konfiguration von Nginx

Inhaltsverzeichnis CentOS RPM-Installation und Ko...

Docker-Cross-Server-Kommunikations-Overlay-Lösung (Teil 1) Consul-Einzelinstanz

Inhaltsverzeichnis Szenario Aufgabe Idee analysie...

Verwenden Sie xshell, um eine Verbindung zum Linux-Server herzustellen

Vorteile der Verwendung von xshell zur Verbindung...

MySQL Dezimalzahl unsigned Update negative Zahlen in 0 umgewandelt

Heute habe ich bei der Überprüfung des Parallelit...

Reines CSS-Dropdown-Menü

Ergebnisse erzielen Implementierungscode html <...

Grafisches Tutorial zur Installation von MySQL 5.5 unter Win7

Die MySQL-Installation ist relativ einfach. Norma...

Einige wichtige Punkte des visuellen Website-Designs

Vom Kunsthandwerksdesign über Grafikdesign bis hin...

Der Unterschied zwischen clientWidth, offsetWidth, scrollWidth in JavaScript

1. Konzept Sie alle sind Attribute des Elements u...