Cuando conformamos nuestra página HTML, esta se conforma de un conjunto de elementos HTML los cuales consiguen la representación gráfica de la página.
Por ejemplo, podemos insertar una imagen y una capa mediante el siguiente código:
<div> <img src="imagen.gif" width="100" height="200" alt="imagen"/> </div>
Si, a posteriori, queremos utilizar algún lenguaje de script, como JavaScript y necesitamos modificar alguno de los elementos de la página, como la capa y la imagen de antes, debemos identificarlos unívocamente.
Para identificar unívocamente un elemento HTML deberemos utilizar el atributo id. El valor a asignar al atributo id tiene que ser un valor único.
Así nuestro código de antes nos quedaría de la siguiente forma:
<div id="micapa"> <img id="imagen1" src="imagen.gif" width="100" height="200" alt="imagen" /> </div>
Como se puede ver en el código, el atributo id se ha asignado a los elementos DIV e IMG.