Identificar unívocamente un elemento HTML

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.

Ejemplo de elementos HTML

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>

Identificación con el atributo id

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.