Etiquetas HTML

El lenguaje de marcado HTML está diseñado con una serie de etiquetas. Mediante estas etiquetas definiremos todas las partes de las páginas web.

¿Qué son las etiquetas?

Las etiquetas HTML son marcadores que se utilizan para definir el inicio y el final de los elementos HTML. Se escriben con los símbolos mayor que y menor que (< >).

Las etiquetas pueden llevar dentro una serie de atributos. Con estos tenemos al alcance más posibilidades.

Etiquetas de apertura y de cierre

Encontrarás etiquetas con apertura y cierre, y otras que definen solo la apertura.

Las etiquetas de apertura indican el inicio de un elemento HTML. Se escriben con el nombre del elemento. Por ejemplo: <nombre_etiqueta>.

las etiquetas de cierre indican el final de un elemento HTML. Se escriben con el nombre del elemento con el prefijo de una barra. Por ejemplo: </nombre_etiqueta>.

Ejemplo de una etiqueta con apertura y cierre

Un ejemplo de etiqueta con apertura y cierre, es la etiqueta <p>. Esta define un párrafo de texto, y necesita una apertura y un cierre al final del texto:

<p>Este es un párrafo de texto.</p>

Este es un párrafo de texto.

Ejemplo de una etiqueta solo con apertura

En cambio, otras como el salto de línea, se pueden representar sin etiqueta de cierre:

<p>Párrafo 1.</p>
<br>
<p>Párrafo2.</p>

Párrafo 1.
Párrafo 2.

Elemento HTML

Los elementos HTML son las unidades básicas de estructura y contenido en una página web. Se forman por las etiquetas de apertura y en muchas de ellas, cierre, y pueden incluir contenido entre ellas. Los elementos HTML pueden ser anidados, es decir, un elemento puede contener otros elementos dentro de sí mismo.

Por ejemplo, una lista está formada por un contenedor una etiqueta principal llamada <ol> o <ul>, y dentro elementos <li>

<ul>
	<li>Parte 1 de la lista.</li>
	<li>Parte 2 de la lista.</li>
	<li>Parte 3 de la lista.</li>
	<li>Parte 4 de la lista.</li>
</ul>

Para que nos entendamos, a los elementos los llamaré frecuentemente etiquetas, aunque sea una forma algo imprecisa.

Entonces, en un elemento HTML podemos distinguir estas partes:

<apertura [atributo 1] [atributo 2] [atributo x]>Contenido del elemento</cierre>

La parte de los atributos es opcional, por eso la especifico en esta sintaxis con unos corchetes. Pero no los tienes que escribir.

En una etiqueta puedes especificar desde 0 atributos, hasta los que necesites. Depende de lo que quieras hacer.