el id="xxx" es el que identifica al Tag. Posteriormente podemos referirnos a él, cambiar sus propiedades etc... utilizando el nombre del tag.
"<div>" es una forma de agrupar todo lo que se encuentra entre
<div> y </div>.
Ejemplo muy sencillo
<div id="xxx" style="color:#ff0000;">PRUEBA</div>
la palabra prueba saldra en color rojo(#ff0000).
ahora( por ejemplo) desde otro tag queremos cambiar la propiedad del color de este tag cuando pasamos el cursor por encima... decimos:
<div onmouseover="xxx.style.color='#000000'">CAMBIAR COLOR </td>
Cuando posiciones el cursor sobre CAMBIAR COLOR, cambiará el color del contenido de "div" identificado con el nombre "xxx" , que no es otro que el que creamos al principio.
Espero que te sirva