Definisi – Apa yang Dinamis HyperText Markup Language (DHTML) ?

Dinamis HyerText Markup Language (DHTML) adalah kombinasi dari teknologi pengembangan Web yang digunakan untuk membuat dinamis mengubah situs. halaman web mungkin termasuk animasi, menu yang dinamis dan efek teks. Teknologi yang digunakan mencakup kombinasi HTML, JavaScript atau VB Script,
CSS dan model objek dokumen (DOM).

Tujuannya dirancang untuk meningkatkan pengalaman pengguna Web, DHTML mencakup beberapa fitur berikut:

Konten dinamis, yang memungkinkan pengguna untuk secara dinamis mengubah konten halaman Web
posisi dinamis dari elemen halaman Web
Gaya dinamis, yang memungkinkan pengguna untuk mengubah warna, font, ukuran.

Sementara DHTML meningkatkan pengalaman website pengguna, teknologi juga dapat membuat frustasi untuk pengguna ketika digunakan secara tidak benar. Misalnya, menu navigasi website dengan animasi DHTML dapat dengan mudah membingungkan pengguna. Masalah DHTML lain terjadi ketika pengembang Web mencoba untuk membuat cross-browser DHTML, yang sangat sulit.

Untuk pengembang Web, DHTML menimbulkan masalah berikut:

DHTML bisa sulit untuk dikembangkan dan di debug. Karena kurangnya browser Web dan dukungan teknologi.
DHTML skrip mungkin tidak bekerja dengan benar di berbagai browser Web.
Tata letak halaman Web mungkin tidak ditampilkan dengan benar ketika dikembangkan untuk menampilkan dalam kombinasi ukuran layar yang berbeda dan di berbagai browser.
Sebagai hasil dari masalah ini, pengembang Web harus menentukan apakah DHTML meningkatkan pengalaman pengguna dalam konteks tertentu. Kebanyakan pengembang Web meninggalkan DHTML kompleks dan menggunakan sederhana rutinitas lintas-browser untuk meningkatkan pengalaman pengguna, sebagai lawan mengintegrasikan efek visual DHTML berlebihan.

Membuat a Hyperlink

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>
<a href="#">Link</a> ( Simple Link)

</body>
</html>

Properties sebuah anchor tag

      1. Blue in color
      1. Underlined
      1. On mouseover, cursor changes to pointer.
      1. Onclick, it turns red, till mouse left cick is on
      1. After a click, it turns purple

Hypertext Reference ( href=””)

href=”” Atribut yang digunakan dalam jangkar tag untuk menentukan URL (Uniform Resource Lokasi) dari link halaman untuk pergi.
Ini bisa menjadi relatif Link , absolut atau gambar.


Relative Link


Sebuah Link relatif digunakan untuk menghubungkan halaman dalam domain yang sama.

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>

<a href="page.extension">Learn Web Designing Online</a> ( Relative link)

</body><br>
</html>

Relative link pada webpage

Link

Absolute Link

Sebuah link Absolute digunakan untuk menghubungkan halaman dari jalan Absolute mereka. untuk exp

Link iIni sebuah link Absolute karena mengandung nama domain dan halaman.

Cara membuat Absolute link?

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>

<a href="http://www.domain.com">Link</a> ( Absolute Link)
<a href="http://www.facebook.com/ericxeckstein">Join us on Facebook</a> ( Our facebook page)
</body>

</html>

Absolute link on a webpage

Link
Join us on Facebook

Target

Sebuah atribut target (target = “”) digunakan untuk memberitahu jendela di mana untuk membuka link tertentu.
Berbagai nilai target

  1. _self ( By Default) Open the link in same window
  2. _blank Open the link in new window
  3. _parentOpen the link on frameset parent of current frame
  4. _topBreak all windows and open link in entire window
  5. name of frame( iframe or frame)Open the link on frame whose name is there
<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>
<iframe name="frame1" width="90%" height="200"></iframe>
<a href="https://www.godzealous.com" target="_self">_self</a><br>
<a href="https://www.godzealous.com" target="_blank">_blank</a><br>
<a href="https://www.godzealous.com" target="_parent">_parent</a><br>
<a href="https://www.godzealous.com" target="_top">_top</a><br>
<a href="www.godzealous.com" target="frame1">frame1</a><br>
</body><br>
</html>

Click here to add your own text

Click on the link to see behavior of following target



_self
_blank
_parent
_top
frame1