Elementos y tags (etiquetas)

HTML está compuesto por un conjunto de elementos que son la base de su estructura. Los elementos están diseñados para proveer herramientas a los autores y proporcionar información especial que será usada para computar la representación final del mismo. Esto significa que donde un tag es definido en el código HTML, sucederá algo en la representación de ese documento, que puede ser visual o no.

Los elementos están compuestos por dos tags: el tag de apertura y el tag de cierre (a excepción de los elementos vacíos cuando el tag de cierre es omitido). Elementos no son tags, elementos son representados por tags en el código, pero son usualmente considerados, de manera errónea, la misma cosa. Aquí tienes un ejemplo básico de un elemento HTML b con ambos tags de apertura y de cierre, y el contenido en el medio:
Código Visualización
<b>Texto remarcado</b> Texto remarcado

Nota como el tag de apertura está compuesto por el nombre del tag encerrado por los símbolos "<" y ">". Por otra parte, el tag de cierre es declarado exactamente como el tag de apertura pero con una barra antes del nombre del tag. Lo que sea que caiga en el medio es llamado contenido, pero ten en cuenta que no todos los elementos aceptan contenido (elementos vacíos).

Cada uno de los 93 tags estándares produce un resultado específico cuando el documento es representado (por ejemplo, el tag HTML b produce texto en negrita) permitiendo a los autores formatear y/o introducir información en los documentos. Cada tag puede tener atributos y eventos que deben ser declarados dentro del tag de apertura separados del nombre y de otros atributos o eventos por un espacio. Su contenido es emplazado entre el tag de apertura y el de cierre. Mira este ejemplo genérico:

<nombre_tag atributo1="valor1" atributo2="valor2" ... evento1="funcion1" evento2="funcion2" ...>Contenido</nombre_tag>
Fin del código


Este código puede resultar dificil de comprender, de modo que reemplazaremos los valores genéricos por algunos ejemplos comunes para hacerlo amistoso (ver la presentación a la derecha):
Código
<a href="http://www.htmlquick.com/es/reference/tags.html" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#000000'">Lista de tags HTML</a>

Visualizacíon
Lista de tags HTML

Ahora podemos ver claramente el nombre del tag (a), el atributo y su valor (href), los dos eventos y sus funciones (onmouseover y onmouseout), el contenido (Lista de tags HTML) y el tag de cierre (</a>). Nota que los eventos así como los atributos comparten una sintaxis común: el nombre del atributo/evento es seguido por un signo igual y el valor encerrado entre comillas.

Como nosotros recomendamos imperativamente que escribas documentos compatibles con el estándar de código XHTML, deberías siempre usar minúsculas para los nombres de tags y atributos (<nombre_tag> en lugar de <NOMBRE_TAG>).

Fuente: http://www.htmlquick.com/es/tutorials

Salu2!