Cómo hacer un vínculo en HTML y no morir en el intento

Para empezar. ¿Qué es HTML?

Significa HyperText Markup Language, o Lenguaje de Marcación de hipertextos. HTML es el código en el que está escrita (casi) toda la información que hay en internet. Cuando visitáis una página web, veis el resultado gráfico del código HTML. Por ejemplo, si pulsáis el botón derecho de ratón situando el puntero sobre cualquier punto de esta página, seleccionáis "ver código fuente" y veréis un chorro de código feísimo que es precisamente el que codifica esta página en concreto.

Sin entrar mucho en detalles para no aburrir o provocar mareos, debéis saber que HTML es un código que usa etiquetas, que estarán representadas por los signos menor que "<" y mayor que ">". Existen etiquetas de apertura y etiquetas de cierre que se diferencian del siguiente modo:

<perrete>  Esto es una etiqueta del tipo perrete de apertura
</perrete> Esto es una etiqueta  del tipo perrete de cierre ( la barra invertida "/" indica cierre)

Ahora bien, en HTML los vínculos (links) se representan con una etiqueta "a" del siguiente modo: <a>
Un vínculo se compone de dos elementos mínimos para ser funcionales:

- un trozo de texto que al ser pulsado desencadena una acción (por lo general ir a una dirección url)
- una dirección url a donde ir (mediante el parámetro href que significa hyper-reference)

¿Qué es una dirección url?
La dirección url es el sitio exacto de una página web, que es precisamente lo que está en la barra de navegación de tu navegador.Ejemplo de dirección url:

http://www.perrete.es/blablabla

Para hacer un vínculo en html pondremos lo siguiente:

<a href="url">texto del link</a>
donde...
- url es la dirección url real a donde se quiere ir
- texto del link es la/s palabra/s del vínculo

Bueno chic@s, esto ha sido todo en nuestra primera lección de html. A vincular!