Heim >Web-Frontend >HTML-Tutorial >HTML-Objekt-Tag
HTML-Objekt-Tag
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2024-09-04 16:20:071143Durchsuche
Das HTML
Syntax
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.
Parameter
Die Parameter des Objekt-Tags sind:
- Daten: Sie legen die Ressourcen-URL fest, die das Objekt verwenden wird.
- Typ: Gibt den Inhaltstyp der Ressource an, die die Daten beschreiben.
- Formular: Gibt das Element des Formulars an, mit dem das Objektelement verknüpft ist.
- Höhe: Gibt die Höhe des Objekts an.
- Breite: Gibt die Höhe des Objekts an.
- Name: Gibt den Namen des Objekts an.
- Der Typ muss übereinstimmen: Es heißt eindeutig, dass die Ressource eingefügt werden sollte, wenn das Typattribut dem entsprechenden Texttyp der im Datenattribut bereitgestellten Ressourcen entspricht.
Wie funktioniert das HTML-Objekt-Tag?
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 zur Implementierung eines HTML-Objekt-Tags
Beispiele sind wie folgt.
Beispiel #1
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
Beispiel #2
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.
Beispiel #3
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.
Beispiel #4
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.
Fazit
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!