IFRAME tag didefinisikan pada spesifikasi Hypertext Markup Language (HTML) 4.0 oleh konsorsium World Wide Web. Tag ini memungkinkan penulis Web untuk menyisipkan bingkai di halaman Web. Artikel
ini menjelaskan tentang cara menggunakan tag ini untuk membuat
alternatif "spanduk iklan" yang bekerja dengan Microsoft Internet
Explorer. Microsoft menyediakan pemrogaman hanya untuk ilustrasi, tanpa garansi baik tersurat maupun tersirat. Ini termasuk, namun tidak terbatas pada, Garansi yang tersirat dapat diperjualbelikan atau kesesuaian untuk tujuan tertentu. Artikel
ini mengasumsikan bahwa Anda sudah terbiasa dengan bahasa pemrograman
yang muncul dan alat-alat yang digunakan untuk membuat dan debug
prosedur.Teknisi dukungan Microsoft dapat
membantu menjelaskan fungsionalitas prosedur tertentu, namun mereka
tidak akan memodifikasi contoh untuk memberikan fungsionalitas tambahan
atau menyusun prosedur untuk memenuhi persyaratan khusus Anda. Langkah-langkah berikut ini menunjukkan bagaimana cara membuat serangkaian halaman Web untuk membuat spanduk iklan.
Untuk setiap halaman contoh, membuat halaman baru di FrontPage dan kemudian beralih ke tampilan HTML untuk menyisipkan HTML dan cascading style kode lembar (CSS) yang dijelaskan di setiap langkah.
Contoh Halaman
Catatan pentingUntuk setiap halaman contoh, membuat halaman baru di FrontPage dan kemudian beralih ke tampilan HTML untuk menyisipkan HTML dan cascading style kode lembar (CSS) yang dijelaskan di setiap langkah.
- Pertama,
Buat halaman Web induk yang berisi IFRAME yang memuat iklan, dan juga
membuat lembar gaya yang semua halaman iklan berbagi.
- Simpan kode HTML berikut sebagai "IFrameBannerAds.htm":
<html> <head> <title>IFrame Banner Ads</title> <style> body { font-family: Arial, Helvetica; background-color:rgb(0,0,0); color:rgb(255,255,255) } </style> </head> <body> <iframe src="ad_1.htm" width="400" height="100" align="center" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"> Your browser does not support the IFRAME tag. </iframe> <h1 align="center">Welcome to My Web Site!</h1> </body> </html> - Simpan kode CSS berikut sebagai "ad_style.css":
a:link { color: rgb(0,102,153); } a:visited { color: rgb(0,153,102); } a:active { color: rgb(0,102,102); } body { font-family: Arial, Helvetica; background-color: rgb(204,204,153); color: rgb(0,51,51); }
- Simpan kode HTML berikut sebagai "IFrameBannerAds.htm":
- Selanjutnya,
Buat halaman iklan individu. (Contoh ini menggunakan hanya tiga
halaman.) Setiap halaman iklan menggunakan lembar gaya dari langkah 1,
dan menggunakan "klien menarik" untuk memuat halaman berikutnya dalam
seri. Selain itu, iklan halaman menggunakan acak, efek transisi dinamis
HTML (DHTML) ketika mereka mengubah ke halaman lain.
- Simpan kode HTML berikut sebagai "ad_1.htm":
<html> <head> <title>This is Advertisement 1</title> <link rel="stylesheet" type="text/css" href="ad_style.css"> <meta http-equiv="refresh" content="5;URL=ad_2.htm"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> </head> <body> <p align="center"><a target="_blank" href="http://www.microsoft.com"> <img border="0" src="http://www.microsoft.com/library/toolbar/images/mslogo.gif"><br> Click here to visit Microsoft's web site!</a></p> </body> </html> - Simpan kode HTML berikut sebagai "ad_2.htm":
<html> <head> <title>This is Advertisement 2</title> <link rel="stylesheet" type="text/css" href="ad_style.css"> <meta http-equiv="refresh" content="5;URL=ad_3.htm"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> </head> <body> <p align="center"><a target="_blank" href="http://msdn.microsoft.com"> <img border="0" src="http://msdn.microsoft.com/msdn-online/shared/graphics/banners/home-banner.gif"><br> Click here to visit the MSDN web site!</a></p> </body> </html> - Simpan kode HTML berikut sebagai "ad_3.htm":
<html> <head> <title>This is Advertisement 3</title> <link rel="stylesheet" type="text/css" href="ad_style.css"> <meta http-equiv="refresh" content="5;URL=ad_1.htm"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> </head> <body> <p align="center"><a target="_blank" href="http://www.msn.com"> <img border="0" src="http://msimg.com/w/logo_bf2.gif"><br> Click here to visit the MSN web site!</a></p> </body> </html>
- Simpan kode HTML berikut sebagai "ad_1.htm":
0 komentar: