HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Atributo HTML <a> href

❮ Etiqueta HTML <a>

Ejemplo

El atributo href especifica el destino del enlace:

<a href="https://www.w3schools.com">Visit W3Schools</a>

Más ejemplos de "Pruébelo usted mismo" a continuación.

Definición y uso

El hrefatributo especifica la URL de la página a la que se dirige el enlace.

Si el hrefatributo no está presente, la <a>etiqueta no será un hipervínculo.

Sugerencia: ¡Puede usar href="#top"o href="#" para vincular a la parte superior de la página actual!

Compatibilidad con navegador

Attribute
href Yes Yes Yes Yes Yes

Sintaxis

<a href="URL">

Valores de atributo

Value Description
URL The URL of the link.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/default.htm")
  • A relative URL - points to a file within a web site (like href="default.htm")
  • Link to an element with a specified id within the page (like href="#section2")
  • Other protocols (like https://, ftp://, mailto:, file:, etc..)
  • A script (like href="javascript:alert('Hello');")

Más ejemplos

Ejemplo

Cómo utilizar una imagen como enlace:

<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>

Ejemplo

Cómo vincular a una dirección de correo electrónico:

<a href="mailto:[email protected]">Send email</a>

Ejemplo

Cómo vincular a un número de teléfono:

<a href="tel:+4733378901">+47 333 78 901</a>

Ejemplo

Cómo vincular a otra sección en la misma página:

<a href="#section2">Go to Section 2</a>

Ejemplo

Cómo vincular a un JavaScript:

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
❮ Etiqueta HTML <a>