Tuesday, January 17, 2012

Atribut TARGET HTML

Atribut TARGET digunakan untuk menetapkan di jendela atau di frame yang mana suatu dokumen yang dilink akan ditampilkan atau akan dimuat oleh browser.

Atribut TARGET tidak boleh digambarkan di dalam suatu dokumen HTML yang tipe deklarasinya adalah Strict.

Nilai atribut TARGET adalah _self, _blank, _top, _parent, dan framename.

  • _self, browser akan menampilkan atau akan memuat dokumen yang dilink ke jendela atau ke frame yang sama di mana dokumen yang ada ditampilkan atau dimuat.
  • _blank, browser akan menampilkan atau akan memuat dokumen yang dilink ke dalam jendela yang baru.
  • _top, browser akan menampilkan atau akan memuat dokumen yang dilink ke dalam jendela yang baru dan fullscreen atau tampilan jendela penuh.

Berikut contoh untuk _self, _blank, dan _top:

  1. Ketikkan dokumen HTTML dibawah ini dengan Notepad, lalu simpan dengan nama target.html:

    <HTML> <BODY> <P>Ini adalah dokumen target.html</P> </BODY> </HTML>
  2. Ketikkan lagi dokumen HTML di bawah ini dengan Notepad, lalu simpan dengan nama selfBlankTop.html:

    <HTML> <BODY> <A HREF="target.html" TARGET="_self">Tautan ke target.html (TARGET="_self")</A><BR> <A HREF="target.html" TARGET="_blank">Tautan ke target.html (TARGET="_blank")</A><BR> <A HREF="target.html" TARGET="_top">Tautan ke target.html (TARGET="_top")</A> </BODY> </HTML>
  3. Terakhir jalankan dokumen HTML yang bernama selfBlankTop.html, klik tautan-tautan yang ada dan perhatikan di jendela mana dokumen yang dilink tersebut akan ditampilkan.

Jika anda menetapkan nilai _parent, browser akan menampilkan atau akan memuat suatu dokumen yang dilink ke parent frame, yaitu bila link berada pada child frame maka dokumen yang dilink akan ditampilkan ke parent frame. Jika anda menggunakan framename, browser akan menampilkan atau akan memuat dokumen yang dilink keframe tujuan (berdasarkan nilai dari atribut NAME elemen FRAME).

Contoh untuk _parent:

  1. Ketikkan dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama targetParent.html:

    <HTML> <HEAD> <TITLE>targetParent.html</TITLE> </HEAD> <FRAMESET COLS="33%,*"> <FRAME SCR="frameA.html" NAME="aFrame"> <FRAMESET ROWS="75%,*"> <FRAME SRC="frameB.html" NAME="bFrame"> <FRAME SRC="frameC.html" NAME="cFrame"> </FRAMESET> </FRAMESET> </HTML>
  2. Ketikkan dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameA.html:

    <HTML> <BODY> <P>Dokumen frameA.html</P> </BODY> </HTML>
  3. Ketikkan dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameB.html:

    <HTML> <BODY>  <P>Dokumen frameB.html</P> </BODY> </HTML>
  4. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameC.html:

    <HTML> <BODY> <P>Dokumen frameC.html</P> <A HREF="frameD.html" TARGET="_parent">Tautan ke frameD.html (TARGET="_parent")</A> </BODY> </HTML>
  5. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan frameD.html:

    <HTML> <BODY> <P>Dokumen frameD.html</P> </BODY> </HTML>
  6. Terakhir jalankan dokumen yang bernama targetParent.html dengan browser anda, klik tautan link yang ada.

Contoh untuk framename:

  1. Ketikkan dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama targetFramename.html:

    <HTML> <HEAD> <TITLE>targetFramename.html</TITLE> </HEAD> <FRAMESET ROWS="50%,*"> <FRAME SRC="frameA.html" NAME="Aframe"> <FRAME SRC="frameB.html" NAME="Bframe"> </FRAMESET> </HTML>
  2. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameA.html:

    <HTML> <BODY> <A HREF="frameC.html" TARGET="Bframe">Tautan ke dokumen frameC.html (TARGET="Bframe")</A><BR> <A HREF="frameD.html" TARGET="Bframe">Tautan ke dokumen frameD.html (TARGET="Bframe")</A> </BODY> </HTML>
  3. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameB.html:

    <HTML> <BODY> <P>Dokumen frameB.html</P> </BODY> </HTML>
  4. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu berikan nama frameC.html:

    <HTML> <BODY BGCOLOR="red"> <P>Dokumen frameC.html</P> </BODY> </HTML>
  5. Ketikkan lagi dokumen HTML dibawah ini dengan Notepad, lalu simpan dengan nama frameD.html:

    <HTML> <BODY BGCOLOR="blue"> <P>Dokumen frameD.html</P> </BODY> </HTML>
  6. Terakhir jalankan dokumen yang bernama targetFramename.html, klik tautan-tautan yang ada.