Assalamu'alaikum poinreaders,
Pada kesempatan kali ini kita akan belajar sebuah materi mengenai HTML, yaitu tentang Programming Tag. Materi kali ini merupakan lanjutan dari materi sebelumnya yaitu tentang Meta Info Tag. Programming tag terbagi menjadi 6 bagian, yaitu tag script, noscript, applet, embed, object dan param. Untuk penjelasan ke-6 tag tersebut, langsung saja simak ulasan berikut...
Pada kesempatan kali ini kita akan belajar sebuah materi mengenai HTML, yaitu tentang Programming Tag. Materi kali ini merupakan lanjutan dari materi sebelumnya yaitu tentang Meta Info Tag. Programming tag terbagi menjadi 6 bagian, yaitu tag script, noscript, applet, embed, object dan param. Untuk penjelasan ke-6 tag tersebut, langsung saja simak ulasan berikut...
1. <script>
Fungsi :
Tag <script> digunakan untuk mendefinisikan sebuah client side script (JavaScript). Tag <script> berisi pernyataan script atau menunjuk ke file script eksternal melalui atribut src. Kegunaan umum untuk JavaScript adalah manipulasi gambar, validasi form, dan perubahan konten yang dinamis.
Format Penulisan :
Tag <script> digunakan untuk mendefinisikan sebuah client side script (JavaScript). Tag <script> berisi pernyataan script atau menunjuk ke file script eksternal melalui atribut src. Kegunaan umum untuk JavaScript adalah manipulasi gambar, validasi form, dan perubahan konten yang dinamis.
Format Penulisan :
<script>...</script>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| async | async | optional | Menentukan bahwa script dijalankan secara asinkron (hanya untuk script eksternal) |
| charset | charset | optional | Menentukan pengkodean karakter yang digunakan dalam file skrip eksternal |
| defer | defer | optional | Menentukan bahwa script akan dijalankan saat halaman selesai di-parsing (hanya untuk skrip eksternal) |
| src | URL | optional | Menentukan URL file skrip eksternal |
| type | media_type | optional | Menentukan jenis media skrip |
| xml:space | preserve | optional | Menentukan apakah ruang kosong dalam sebuah kode harus dipertahankan. Atribut ini tidak didukung di HTML5. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag script</title>
</head>
<body>
<p id="contoh"></p>
<script>
document.getElementById("contoh").innerHTML = "pointopoin.com";
</script>
</body>
</html>
2. <noscript>
Fungsi :Tag <noscript> mendefinisikan konten alternatif untuk pengguna yang telah menonaktifkan script di browser mereka atau memiliki browser yang tidak mendukung script.
Format Penulisan :
<noscript>...</noscript>
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag noscript</title>
</head>
<body>
<script>
document.write("pointopoin.com")
</script>
<noscript>Maaf, Browser yang anda gunakan tidak mendukung JavaScript!</noscript>
<p>Sebuah browser yang tidak support JavaScript akan menampilkan text yang berada pada tag noscript.</p>
</body>
</html>
3. <applet>
Fungsi :Tag <applet> mendefinisikan applet yang disematkan. Tag <applet> tidak didukung di HTML5. Sebagai gantinya gunakan tag <embed> atau <object>.
Format Penulisan :
<applet>...</applet>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| code | URL | wajib | Menentukan nama file applet Java. |
| object | name | wajib | Menentukan referensi ke representasi serial applet. |
| align | left right top bottom middle baseline |
optional | Menentukan keselarasan applet sesuai dengan elemen sekitarnya. |
| alt | text | optional | Menentukan teks alternatif untuk applet. |
| archive | URL | optional | Menentukan lokasi file arsip. |
| codebase | URL | optional | Menentukan URL basis relatif untuk applet yang ditentukan dalam atribut code. |
| height | pixels | optional | Menentukan tinggi applet. |
| hspace | pixels | optional | Mendefinisikan jarak horizontal di sekitar applet. |
| name | name | optional | Mendefinisikan nama applet (untuk digunakan dalam skrip). |
| vspace | pixels | optional | Mendefinisikan jarak vertikal di sekitar applet. |
| width | pixels | optional | Menentukan lebar applet. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag applet</title>
</head>
<body>
<applet code="applet/Clock3D.class" align="baseline" width="200" height="200">
<param name="fps" value="15">
<param name="a1" value="12500">
<param name="pixd" value="29">
<param name="pixangle" value="5">
<param name="radius" value="26">
<param name="roty" value="-4">
<param name="rotx" value="0">
<param name="rotz" value="0.401">
<param name="irotx" value="0">
<param name="iroty" value="0">
<param name="irotz" value="00">
<param name="style" value="1">
<param name="color" value="#FF0080">
<param name="bgcolor" value="#000000">
<param name="12hour" value="0">
</applet>
<br>
Jika applet tidak muncul, silahkan install terlebih dahulu Java pada komputer anda.<br>Installer Java dapat kalian unduh <a href="https://www.java.com/en/download/">di sini</a>
</body>
</html>
4. <embed>
Fungsi :Tag <embed> mendefinisikan wadah untuk aplikasi eksternal atau konten interaktif (plug-in).
Format Penulisan :
<embed>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| height | pixels | optional | Menentukan tinggi konten yang disematkan. |
| src | URL | wajib | Menentukan alamat file eksternal untuk disematkan. |
| type | media_type | optional | Menentukan jenis media konten yang disematkan. |
| width | pixels | optional | Menentukan lebar konten yang disematkan. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag embed</title>
</head>
<body>
<embed src="embed/kodok.swf">
</body>
</html>
5. <object>
Fungsi :Tag <object> mendefinisikan objek yang disematkan dalam dokumen HTML. Gunakan Tag <object> ini untuk menyematkan multimedia (seperti audio, video, applet Java, ActiveX, PDF, dan Flash) di halaman web anda.
Format Penulisan :
<object>...</object>
Atribut :
| Atribut | value | Keterangan | Deskripsi | |
|---|---|---|---|---|
| align | top bottom middle left right |
optional | Menentukan pelurusan tag <object> sesuai dengan elemen sekitarnya. Atribut ini tidak didukung di HTML5. | |
| archive | URL | optional | Daftar URL yang terpisah dari ruang ke arsip. Arsip berisi sumber daya yang relevan dengan objek. Atribut ini tidak didukung di HTML5. | |
| border | pixels | optional | Menentukan lebar perbatasan di sekitar <object>. Atribut ini tidak didukudng di HTML5. | |
| classid | class_ID | optional | Mendefinisikan nilai ID kelas sebagaimana diatur dalam Windows Registry atau URL. Atribut ini tidak didukung di HTML5. | |
| codebase | URL | optional | Mendefinisikan tempat untuk menemukan kode untuk objek. Atribut ini tidak didukung di HTML5. | |
| codetype | media_type | optional | Jenis media dari kode yang disebut oleh atribut classid. Atribut ini tidak didukung di HTML5. | |
| data | URL | wajib | Menentukan URL sumber daya untuk digunakan oleh objek. | |
| declare | declare | optional | Mendefinisikan bahwa objek hanya boleh dideklarasikan, tidak dibuat atau dipakai sampai dibutuhkan. Atribut ini tidak didukung di HTML5. | |
| form | form_id | optional | Menentukan satu atau lebih bentuk objek miliknya. | |
| height | pixels | optional | Menentukan ketinggian objek. | |
| hspace | pixels | optional | Menentukan ruang di sisi kiri dan kanan suatu objek. Atribut ini tidak didukung di HTML5. | |
| name | name | optional | Menentukan nama untuk objek. | |
| standby | text | optional | Mendefinisikan sebuah teks untuk ditampilkan saat objek sedang loading. Atribut ini tidak didukung di HTML5. | |
| type | media_type | optional | Menentukan jenis data media yang ditentukan dalam atribut data. | |
| usemap | #mapname | optional | Menentukan nama peta gambar client-side yang akan digunakan dengan objek. | |
| vspace | pixels | optional | Menentukan ruang di bagian atas dan bawah suatu objek. Atribut ini tidak didukung di HTML5. | |
| width | pixels | optional | Menentukan lebar objek. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag object</title>
</head>
<body>
<object width="600" height="300" data="object/kodok.swf">
</object>
</body>
</html>
6. <param>
Fungsi :Tag <param> digunakan untuk menentukan parameter plugin yang disisipkan dengan tag <object>.
Format Penulisan :
<param>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| name | name | optional | Menentukan nama sebuah parameter. |
| type | media_type | optional | Menentukan jenis parameter media. Atribut ini tidak didukung di HTML5. |
| value | value | optional | Menentukan nilai parameter. |
| valuetype | data ref object |
optional | Menentukan jenis nilai. Atribut ini tidak didukung di HTML5. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<title>Tag param</title>
</head>
<body>
<object data="audio/AutumnSunset.mp3">
<param name="autoplay" value="true">
</object>
</body>
</html>
Semoga materi yang saya sampaikan tentang HTML dapat dipahami poinreaders. Silakan tulis pertanyaan seputar materi yang telah dibahas pada kolom komentar. jangan lupa follow akun sosial kami agar poinreaders bisa mendapatkan materi terbaru tentang pemrograman.