Das HTML
Die Syntax für das HTML
<object data= "url " type= "content type "> . . . . . </object>
Zum Beispiel
<object height= "200" width= "400" data= "url"> </object>
Es zeigt das Objekt mit den angegebenen Höhen- und Breitenattributen an.
Die Parameter des Objekt-Tags sind:
Wir können Objektelemente kombinieren und mit dieser Möglichkeit mehrere Objekte für jeweils einen Browser definieren. Obwohl alle gängigen Browser das Objektelement nicht unterstützen, ist die Verwendung des Elements minimal.
Beispiele sind wie folgt.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML Object Tag Example </title>
<style>
body {
background-color: #8FBC8F;
}
</style>
</head>
<body>
<center>
<h2> HTML Object Tag</h2> <br>
<object data= "https://www.shareasale.com/images/edu-logo.jpg" width="400px" height="200px"></object>
</center>
</body>
</html>Ausgabe:
Erklärung: Im obigen Beispiel haben wir das Objekt-Tag in der Mitte der Webseite mit
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML Object Tag Example </title>
<style>
body{
background-color: #8FBC8F;
}
</style>
</head>
<body>
<center>
<h2> HTML Object Tag</h2> <br>
<object height="200px" width="400px" data="https://www.youtube.com/embed/Xs3MCM0dXW0"></object>
</center>
</body>
</html>Ausgabe:
Erklärung: Im obigen Beispiel haben wir das Video mithilfe des HTML-Objekt-Tags mithilfe von Höhen- und Breitenattributen eingebettet, wodurch das Video an der richtigen Stelle platziert wird. Betten Sie die Video-URL von YouTube ein und fügen Sie sie in das Datenattribut ein.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML Object Tag Example </title>
<style>
body{
background-color: #8FBC8F;
}
</style>
</head>
<body>
<center>
<h2> HTML Object Tag</h2> <br>
<object data= "https://www.shareasale.com/images/edu-logo.jpg" width="400px" height="200px" vspace="150"></object>
</center>
</body>
</html>Ausgabe:
Erklärung: Im obigen Beispiel haben wir das Objekt-Tag verwendet, um das Bild auf der Webseite anzuzeigen. Das Objekt-Tag verwendet das vspace-Attribut, um den Leerraum oben und unten in einem Objektelement zu definieren. Hier legen wir den Rand oben und unten auf 150 Pixel fest.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML Object Tag Example </title>
<style>
body{
background-color: #8FBC8F;
}
</style>
</head>
<body>
<center>
<h2> HTML Object Tag</h2> <br>
<object data= "https://www.shareasale.com/images/edu-logo.jpg" width="400px" height="200px" border="8"></object>
</center>
</body>
</html>Ausgabe:
Erklärung: Im obigen Beispiel haben wir das Attribut „border“ verwendet, um den Rahmen für das Objektelement anzuzeigen. Das Randattribut gibt die Breite des Randes in Pixeln an. Hier stellen wir die Rahmenbreite mit 8 Pixeln dar.
Bisher haben wir HTML-Objekt-Tags untersucht, die mit Ausnahme von pre in Inline-Elementen und Elementen auf Blockebene verbleiben können. In den meisten Fällen fügt ein HTML-Objekt mithilfe von Browser-Plug-ins Inhalte ein.
Das obige ist der detaillierte Inhalt vonHTML-Objekt-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
