HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB /// HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB /// HTML MASTER CLASS /// LEARN TAGS /// BUILD STRUCTURE /// SEMANTIC WEB ///

Creating Links

The foundation of the World Wide Web. Master the anchor tag and build intuitive navigation systems.

navigator.html
1 / 16
12345
🔗

Guide:The web is a giant network of documents connected by links. To create a link, we use the <a> tag, which stands for 'Anchor'. It's the most powerful tag in HTML because it creates the 'Hypertext' in HTML.

Connectivity Matrix

MAP YOUR NAVIGATION SKILLS.

The Anchor Tag

The basic syntax: <a href="url">Text</a>

Connection Test

What attribute is required to make a link functional?

The Global Directory

Share your best navigation menu structures with the community.

Support Us

Linking the Digital World

Author

Pascual Vila

Frontend Architect // Connectivity Lead

The web isn't a collection of pages; it's the connections between them.

Absolute vs Relative

Absolute URLs like https://google.com point to specific locations on the internet. Relative URLs like contact.html point to files within your own project.

The Target Attribute

Using target="_blank" is a UX decision. It keeps your site open while the user explores a reference, but use it sparingly to avoid cluttering the user's browser tabs.

Link Lexicon

Anchor (<a>)
El elemento fundamental para crear hipervínculos hacia otras páginas o archivos.
href
Atributo que especifica la URL de la página a la que va el enlace (Hypertext Reference).
target
Define dónde abrir el enlace. '_blank' es el valor estándar para abrir en una pestaña nueva.
Fragment Identifier
Uso del símbolo '#' seguido de un ID para navegar a una sección específica dentro de la misma página.