Creación de una página en HTML con hipervínculos#

Última modificación: Mayo 14, 2022.

https://learn.shayhowe.com/html-css/building-your-first-web-page/

Estructura general de una página html#

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <!--- este es un comentario --->
    <title>Titulo en la pestaña</title>
  </head>
  <body>
    <div>
        <h1>Titulo de sección</h1>
        <p>Este es un párrafo.</p>
    </div>
  </body>
</html>

html-1

Contenido con la carpeta del sitio web.#

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Pagina principal</title>
      </head>
    <body>

        <p>Página principal del sitio</p>

        <nav>
            <a href="pag1.html">Pagina 1</a>
        </nav>

    </body>
</html>

pag1.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Pagina 1</title>
      </head>
    <body>

        <p>Página 1 enlazada</p>

        <nav>
            <a href="index.html">Pagina principal</a>
        </nav>

    </body>
</html>

html-02

html-03