Estructura de una etiqueta
Una etiqueta es una palabra clave especial con un formato especial que es usada para rodear partes de contenido y aplicar significado especial que el navegador puede reconocer y entender.
Se puede referir a etiquetas como elementos (la mayor parte del tiempo se usan de manera intercambiable), sin embargo existe una diferencia entre estos dos conceptos.
Elemento: Es el bloque de HTML que ya ha sido analizado o renderizado, que generalmente está conformado por dos etiquetas separadas, una etiqueta de apertura y una etiqueta de cierre.
Etiqueta: La etiqueta está escrita de una forma que el navegador pueda encontrarla, rodeada de los símbolos menor qué < y mayor qué >.
Ejemplo:
<strong>Contenido con strong</strong>
El anterior forma de escribir HTML aplica para casi todas las etiquetas, sin embargo existen excepciones para el caso en que una etiqueta no tiene contenido que deba trabajar, entonces la etiqueta de cierre se omite:
<hr>
<br>
<img>
<input>
<link>
<meta>
Las etiquetas de apertura pueden tener atributos:
Ejemplo:
<strong class="content-strong"> Contenido con strong </strong>
Estructura básica de un documento HTML
Con esta información, es posible crear un documento HTML, implementado su estructura básica. Para ello, crea un documento con el nombre de index y extensión html (index.html) y a través de un editor de texto escribe el siguiente ejemplo:
<html>
<head>
</head>
<body>
<strong> Contenido con strong </strong>
</body>
</html>