Este código crea:


      
<!DOCTYPE html>
<!--  
  Informa al navegador qué versión de HTML (o XML) se usó para escribir el 
  documento. Doctype es una declaración no una etiqueta. Además, podemos
  referirnos a ella como "document type declaration" o por las siglas "DTD".
-->

<html lang="es-MX">
<!-- 
El elemento HTML <html> (o elemento HTML raiz) representa la raiz de un
documento HTML. El resto de elementos descienden de este elemento.

El atributo lang se utiliza para determinar el idioma del texto 
utilizado en cualquier página web. El propósito principal de este atributo 
es señalar el lenguaje del documento principal.

También lo utilizan por lectores en línea que cambian de idioma para 
mostrar la pronunciación y el acento correctos del contenido de la página web.
-->

  <head>
    <!-- 
    La cabecera (en inglés Head) es la parte de un documento HTML que contiene 
    metadatos sobre ese documento, como el autor, la descripción y los enlaces
    a los archivos CSS o JavaScript que se deben aplicar al documento HTML. 
    Es la parte del documento web que no es visible al usuario.    
    -->
    <meta charset="UTF-8">
    <!--  
    La metaetiqueta charset  establece la codificación de caracteres.
    UTF-8, que significa “Unicode Transformation Format 8-bit“, es un 
    estándar de codificación de caracteres ampliamente utilizado en la web. 
    Permite representar de manera eficiente una amplia gama de 
    caracteres de diferentes idiomas y sistemas de escritura, incluidos 
    caracteres especiales, símbolos, letras acentuadas y caracteres no latinos.    
    
    UTF-8 =   Amplia gama de caracteres
    UTF-16  =  UTF-8 +  idiomas asiaticos
    UTF-32  =  UTF-16 + toda la codificación de simbolos y signos posibles
    -->
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">           
    <!-- 
    La metaetiqueta viewport establece el  ancho de pantalla y escala para 
    presentar texto, imagenes y datos  en la pantalla.

    El parámetro width=device-width iguala el ancho de la ventana gráfica al 
    ancho CSS del dispositivo. CSS no es un tamaño físico, sino una magnitud 
    diseñada para que el diseño adaptativo se muestre igual en todas las pantallas.    
    -->

    <title>Ejemplo 000</title>
    <!--  
    El elemento <title> HTML define el título del documento que se muestra en 
    un browser la barra de título o la pestaña de una página. 
    Solo contiene texto; las etiquetas dentro del elemento se ignoran.    
    -->
  </head>
  <body>
    <!--  
    El elemento <body> de HTML representa el contenido de un documento HTML. 
    Solo puede haber un elemento <body> en un documento.    
    -->
    <div align="center">
      <!-- 
      El elemento de HTML <div> es el contenedor genérico para el contenido. 
      No tiene efecto en el contenido o en el diseño hasta que se le 
      aplica un estilo/clase. 
      
      Atributo 
      align="center" : Caja en bloque con el contenido centrado.  
      -->
      <button onclick="location.href='index.php';">REGRESAR AL MENU</button>
      <!-- 
      La etiqueta de HTML <button> representa un elemento cliqueable de 
      tipo botón que puede ser utilizado en formularios o en cualquier 
      parte de la página que necesite un botón estándar y simple de aplicar. 

      onclick = "" : Especifica un escuchador de eventos para recibir eventos click.
      location.href='index.php' : 
      -->
    </div>
    <hr>
    <!--  
    El elemento HTML <hr> representa un cambio de tema entre párrafos. 
    En versiones previas de HTML representaba una línea horizontal.     
    -->
    <p>Contiene la estructura basica de un documento HTML5. </p>
    <!--  
    El elemento p (párrafo) es el apropiado para distribuir el texto en párrafos.    
    -->
  </body>
</html>