Enlaces

Ahora los enlaces en una pagina son muy importantes ya que nos permite comunicarnos con diferentes paginas que tengamos creadas, para poder usar los enlaces usaremos esta etiqueta: <a></a>, esta etiqueta nos permitira decirle a html que eso es un enlace pero aun falta agregarle contenido a la etiqueta, falta agregarle: <a href="#"></a>.

El href="#" le indica a la etiqueta a cual pagina debe de llevarnos mientras que el # es para decirle a la pagina que no nos lleve a ningun lugar. Para utilizar la etiqueta de enlace debemos de hacerla de esta manera:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlaces</title>
</head>
<body>
    <a href="#">Esto es un enlace</a>
</body>
</html>

El resultado sera:

Ejemplo de enlace

Digamos que tenemos 2 archivos html, uno se llama enlaces.html y el otro se llama titulos.html, si queremos ir desde enlaces.html hasta la pagina titulos.html necesitaremos usar la etiqueta de enlace de la siguiente manera:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enlaces</title>
</head>
<body>
    <a href="./titulos.html">Esto es un enlace</a>
</body>
</html>

Veras que al presionar el enlace te llevara a la pagina Titulos.