Para que un navegador reconozca una página Web se utiliza la siguiente estructura:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi pagina de prueba</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="Mi imagen de prueba">
</body>
</html>El Doctype o “Declaración del tipo de documento” es una instrucción especial que va al inicio de nuestro documento HTML y que permite al navegador entender qué versión de HTML estamos utilizando. Esta información determinará la manera en la que el navegador procesará el documento, un DOCTYPE distinto podría implicar hasta una visualización diferente del sitio web dentro del mismo navegador.
<html> (Etiqueta que indica que lo que viene a continuación es un documento HTML)
<head> (Etiqueta de apertura de la cabecera) Aquí va la información sobre el título de la página, el autor, palabras clave, etc. que no se presentarán en la ventana del navegador, salvo el título que aparecera en la barra de título de la parte superior.
</head> (Etiqueta de cierre de la cabecera)
<body> (Etiqueta de apertura del cuerpo) Aquí va el contenido de la página que será lo que se presente en pantalla.
</body>(Etiqueta de cierre del cuerpo)
</html>(Etiqueta de cierre del documento)
Veamos el siguiente video para reforzar esta información: