Sintaxis de Etiquetas
Hemos dicho que los elementos son la estructura básica en HTML. Los elementos se componen de: etiquetas (tags) con atributos y de contenido.
etiqueta_de_apertura contenido etiqueta_de_cierre
HTML define el término elemento para referirse a las partes que componen los documentos HTML. Como ya hemos mencionado antes, la estructura general de una línea de código (elemento) en lenguaje HTML sería ésta:
HTML define más de 100 etiquetas (algunas obsoletas en HTML5). La mayoría de las etiquetas van en pareja: una inicial, entre angulos, y otra final, también entre ángulos pero con la barra inclinada derecha /, como por ejemplo la etiqueta de Título 1:
h1 Esto es un título principal /h1
Una etiqueta por sí sola, a veces, no contiene la suficiente información para estar completamente definida. Para ello contamos con los atributos que son pares nombre-valor separados por un "=". Los atributos pueden ser opcionales, pero algunas etiquetas necesitan ciertos atributos para funcionar, como por ejemplo la etiqueta img para imágenes o la etiqueta a para enlaces.
Además, los atributos siempre están escritos en la etiqueta inicial de un elemento, después del nombre del elemento. El valor puede estar encerrado entre "comillas dobles" o 'simples'. Ejemplo:
button id="boton1" class="boton rojo"Pulsa/button
a href="http://www.google.com" target="_blank"Ejemplo de enlace/a
Donde:
a es la etiqueta o tag inicial y /a la etiqueta de cierre.
href y target son los atributos.
http://www.enlace.com y _blank son los valores.
Ejemplo de enlace es el contenido.
No todas las etiquetas van por pares, hay algunas que se componen de una sola (son etiquetas vacias), sin contenido, por ejemplo:
img src="/imagen.png" ; br ; hr