Tag objek HTML
HTML
Sintaks
Sintaks untuk HTML
<object data= "url " type= "content type "> . . . . . </object>
Sebagai contoh,
<object height= "200" width= "400" data= "url"> </object>
Ia memaparkan objek dengan atribut ketinggian dan lebar yang ditentukan.
Parameter
Parameter teg objek ialah:
- data: Ia menetapkan URL sumber yang akan digunakan oleh objek.
- jenis: Ia menentukan jenis kandungan sumber yang diterangkan oleh data.
- bentuk: Ia menunjukkan elemen bentuk yang berkaitan dengan elemen objek.
- tinggi: Ia memberikan ketinggian objek.
- lebar: Ia memberikan ketinggian objek.
- nama: Ia memberikan nama objek.
- jenis mesti sepadan: Ia menyatakan dengan jelas bahawa jika atribut jenis memenuhi jenis sumber teks yang sesuai yang disediakan pada atribut data, sumber itu harus dimasukkan.
Bagaimanakah Teg objek HTML berfungsi?
Kami boleh menggabungkan elemen objek, dan menggunakan kemungkinan ini, kami boleh menentukan berbilang objek untuk satu pelayar setiap satu. Walaupun semua pelayar utama tidak menyokong elemen objek, penggunaan elemen adalah minimum.
Contoh untuk Melaksanakan Tag objek HTML
Contohnya adalah seperti berikut.
Contoh #1
Kod:
<!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>
Output:
Penjelasan: Dalam contoh di atas, kami telah mencipta teg objek di tengah-tengah halaman web dengan
Contoh #2
Kod:
<!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>
Output:
Penjelasan: Dalam contoh di atas, kami telah membenamkan video dengan menggunakan teg objek HTML dengan bantuan atribut ketinggian dan lebar yang menetapkan video di tempat yang sepatutnya. Benamkan url video daripada YouTube dan tampal pada atribut data.
Contoh #3
Kod:
<!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>
Output:
Penjelasan: Dalam contoh di atas, kami telah menggunakan teg objek untuk memaparkan imej pada halaman web. Teg objek menggunakan atribut vspace untuk menentukan ruang putih di bahagian atas dan bawah elemen objek. Di sini, kami menetapkan margin di atas dan bawah dengan 150 piksel.
Contoh #4
Kod:
<!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>
Output:
Penjelasan: Dalam contoh di atas, kami telah menggunakan atribut sempadan untuk memaparkan sempadan untuk elemen objek. Atribut sempadan menentukan lebar sempadan dalam piksel. Di sini, kami mewakili lebar sempadan dengan 8 piksel.
Kesimpulan
Setakat ini, kami telah mengkaji teg objek HTML yang boleh kekal dalam elemen Sebaris dan elemen peringkat blok kecuali untuk pra. Dalam kebanyakan keadaan, objek HTML memasukkan kandungan yang dibantu oleh pemalam penyemak imbas.
Atas ialah kandungan terperinci Tag objek HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Cara membuat laman web HTML5 yang mudah
Aug 12, 2025 am 11:51 AM
Untuk membuat laman web HTML5 yang mudah, anda perlu terlebih dahulu menggunakan jenis dokumen pengisytiharan, dan kemudian membina struktur asas yang mengandungi, dan, yang menetapkan pengekodan aksara, viewport dan tajuk, menambah kandungan yang kelihatan seperti tajuk, perenggan, pautan, gambar dan senarai. Simpan sebagai fail .html dan buka secara langsung dalam penyemak imbas untuk dilihat, tanpa sokongan pelayan. Ini adalah asas halaman HTML5 yang lengkap dan berkesan.
Apakah elemen selain untuk HTML5?
Aug 12, 2025 pm 04:37 PM
Theelementshouldbeusedforcontenttanglylyrelatedtothemaincontent, suchassidebars, pullquotes, definisi, iklan, orrelatedlinks; 2.itcanbeplacedinsideoroutsideanarticledependingoncontext; 3.IisaseManticeLementThanceSaccessabilityandscessibilityandscessibilityandscessabilityandscessibilityandscessibilityandscessibilityandscessibilityandscessabilityandscess
Cara menggunakan tag alamat dalam html
Aug 15, 2025 am 06:24 AM
ThetagisusedTodefineContactinformationfortheAuthorOrOrOrownerofadocumentorsection; 1.useitforemail, fizikalAddress, phonenumber, orwebsiteurlwithinanarticleorbody;
Cara Menggunakan Tag NAV untuk Pautan Navigasi di HTML5
Aug 15, 2025 am 05:55 AM
Thetaginhtml5isusedtodefineasectionofmajornavigationLinks, providingsemanticstructureandImprovingAccessabilityandseo; itshouldwrapprimarynavigationelementelementelemenuslesortablesofcontents, noteveryLinkonapage, andcanbeenhanceRabelsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssshconapage, noteverylinkonapage
Apakah atribut draggable dalam html5
Aug 12, 2025 am 09:50 AM
TheDragGableatTributeInhtml5specifiesWheTherAnelementCanBedragged, withValues "true", "false", OranEmptyString (Samaeas "true"). 2.SttingDragGable = "true" enablesdrag-and-dropforanyelement
Cara Menggunakan Tag Del dan INS di HTML
Aug 12, 2025 am 11:38 AM
Thetagisusedtomarkdeletedtext,optionallywithdatetimeandciteattributestospecifywhenandwhythedeletionoccurred.2.Thetagindicatesinsertedcontent,alsosupportingdatetimeandciteforcontextabouttheaddition.3.Thesetagscanbecombinedtoshowdocumentrevisionsclearl
Cara menggunakan tag BDO untuk mengatasi arah teks dalam html
Aug 16, 2025 am 09:32 AM
Thebdotagisusedtooverridethebrowser'sdefaulttextdirectionrenderingwhendealingwithmixedleft-to-rightandright-to-lefttext, memastikancorrectvisualdisplaybyforcingaspecificdirectionusingthedirattribondaluS "rtemematribondaluS"
Mengapa imej HTML saya tidak muncul?
Aug 16, 2025 am 10:08 AM
Pertama, periksa sama ada laluan atribut SRC adalah betul, dan pastikan laluan relatif atau mutlak sepadan dengan lokasi fail HTML; 2. Sahkan sama ada nama fail dan lanjutan dieja dengan betul dan sensitif kes; 3. Sahkan bahawa fail imej sebenarnya wujud dalam direktori yang ditentukan; 4. Gunakan atribut alt yang sesuai dan pastikan format imej adalah .jpg, .png, .gif atau .webp disokong secara meluas oleh penyemak imbas; 5. Selesaikan masalah cache penyemak imbas, cuba memaksa menyegarkan atau mengakses url imej secara langsung; 6. Semak tetapan kebenaran pelayan untuk memastikan fail itu boleh dibaca dan tidak disekat; 7. Sahkan bahawa sintaks tag IMG adalah betul, termasuk petikan dan perintah atribut yang betul, dan akhirnya menyelesaikan masalah 404 kesilapan atau masalah sintaks melalui alat pemaju penyemak imbas untuk memastikan imej itu dipaparkan secara normal.
