L'objet HTML
La syntaxe du HTML
<object data= "url " type= "content type "> . . . . . </object>
Par exemple,
<object height= "200" width= "400" data= "url"> </object>
Il affiche l'objet avec les attributs de hauteur et de largeur spécifiés.
Les paramètres de la balise object sont :
Nous pouvons combiner des éléments d'objet, et en utilisant cette possibilité, nous pouvons définir plusieurs objets pour un navigateur chacun. Bien que tous les principaux navigateurs ne prennent pas en charge l'élément objet, l'utilisation de l'élément est minime.
Les exemples sont les suivants.
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>
Sortie :
Explication : Dans l'exemple ci-dessus, nous avons créé la balise d'objet au centre de la page Web avec
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>
Sortie :
Explication : Dans l'exemple ci-dessus, nous avons intégré la vidéo en utilisant la balise d'objet HTML à l'aide des attributs de hauteur et de largeur qui placent la vidéo au bon endroit. Intégrez l'URL de la vidéo de YouTube et collez-la dans l'attribut data.
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>
Sortie :
Explication : Dans l'exemple ci-dessus, nous avons utilisé la balise object pour afficher l'image sur la page Web. La balise object utilise l'attribut vspace pour définir les espaces en haut et en bas d'un élément objet. Ici, nous définissons la marge en haut et en bas avec 150 pixels.
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>
Sortie :
Explication : Dans l'exemple ci-dessus, nous avons utilisé l'attribut border pour afficher la bordure de l'élément objet. L'attribut border spécifie la largeur de la bordure en pixels. Ici, nous représentons la largeur de la bordure avec 8 pixels.
Jusqu'à présent, nous avons étudié les balises d'objet HTML qui peuvent rester dans les éléments Inline et les éléments de niveau bloc, à l'exception des balises pre. Dans la plupart des cas, un objet HTML insère du contenu assisté par des plug-ins de navigateur.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!