freeCodeCamp/guide/spanish/html/attributes/a-href-attribute/index.md

---
title: A Href Attribute
localeTitle: Un atributo de Href
---
## Un atributo de Href

El atributo `<a href>` refiere a un destino proporcionado por un enlace. La `<a>` etiqueta (ancla) no funciona sin el `href` atributo. A veces, en su flujo de trabajo, no desea un enlace en vivo o aún no sabrá el destino del enlace. En este caso, es útil establecer el atributo `href` en `"#"` para crear un enlace muerto. El atributo `href` se puede usar para vincular archivos locales o archivos en Internet.

Por ejemplo:

```html
<html> 
  <head> 
    <title>Ejemplo de atributo href</title> 
  </head> 
  <body> 
    <h1>Ejemplo de atributo href</h1> 
      <p> 
        <a href="https://www.freecodecamp.org/contribute/">La página de contribución freeCodeCamp</a> te muestra cómo y dónde puedes contribuir a la comunidad y al crecimiento de freeCodeCamp. 
      </p> 
    </h1> 
  </body> 
 </html> 
```

El atributo `<a href>` es compatible con todos los navegadores.

#### Más atributos:

`hreflang` : especifica el idioma del recurso vinculado. `target` : especifica el contexto en el que se abrirá el recurso vinculado. `title` : define el título de un enlace, que aparece para el usuario como información sobre herramientas.

### Ejemplos

```html
<a href="#">Esto es un enlace muerto</a> 
<a href="https://www.freecodecamp.org">Esto es un enlace vivo a freeCodeCamp</a> 
<a href="https://html.com/attributes/a-href/">Otro ejemplo con un atributo href</a> 
```

### Anclajes en la página

También es posible establecer un ancla a un lugar determinado de la página. Para hacerlo, primero debes colocar una pestaña en la ubicación de la página con la etiqueta y el atributo necesario `name` con cualquier descripción de palabra clave, así:

```html
<a name="arriba"></a> 
```

No se requiere ninguna descripción entre etiquetas. Después de eso, puedes colocar un enlace que conduzca a este ancla en cualquier lugar de la misma página. Para hacer esto, debe usar la etiqueta con el atributo necesario `rhref` con el símbolo `#` (sostenido) y una pequeña descripción, en palabras clave, del ancla, así:

```html
<a href="#arriba">Ir arriba</a> 
```

### Enlaces de imagen

El `<a href="#">` también puede aplicarse a imágenes y otros elementos HTML.

### Ejemplo

```html
<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="imagen">  </a> 
```

### Ejemplo

[![imagen](http://www.chatbot.chat/assets/images/header-bg_y.jpg)](#)

### Algunos ejemplos más de href

```html
<!-- Este te da una url base para todas las url subsecuentes en esta página -->
<base href="https://www.freecodecamp.org/a-href/">
<!-- Este es un enlace activo a una hoja de estilos externa (external stylesheet) -->
<link href="style.css">
```
fix: change directory structure 2018-10-12 15:37:13 -04:00			`---`
			`title: A Href Attribute`
			`localeTitle: Un atributo de Href`
			`---`
			`## Un atributo de Href`

removed angle brakets from attribute href (#29272) removed angle brackets from attribute href added angle brackets to anchor <a> 2019-08-13 06:53:27 -07:00			El atributo `<a href>` refiere a un destino proporcionado por un enlace. La `<a>` etiqueta (ancla) no funciona sin el `href` atributo. A veces, en su flujo de trabajo, no desea un enlace en vivo o aún no sabrá el destino del enlace. En este caso, es útil establecer el atributo `href` en `"#"` para crear un enlace muerto. El atributo `href` se puede usar para vincular archivos locales o archivos en Internet.
fix: change directory structure 2018-10-12 15:37:13 -04:00
			`Por ejemplo:`

			```html
			`<html>`
			`<head>`
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<title>Ejemplo de atributo href</title>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			`</head>`
			`<body>`
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<h1>Ejemplo de atributo href</h1>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			`<p>`
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<a href="https://www.freecodecamp.org/contribute/">La página de contribución freeCodeCamp</a> te muestra cómo y dónde puedes contribuir a la comunidad y al crecimiento de freeCodeCamp.`
fix: change directory structure 2018-10-12 15:37:13 -04:00			`</p>`
			`</h1>`
			`</body>`
			`</html>`
			```

			El atributo `<a href>` es compatible con todos los navegadores.

			`#### Más atributos:`

			`hreflang` : especifica el idioma del recurso vinculado. `target` : especifica el contexto en el que se abrirá el recurso vinculado. `title` : define el título de un enlace, que aparece para el usuario como información sobre herramientas.

			`### Ejemplos`

			```html
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<a href="#">Esto es un enlace muerto</a>`
			`<a href="https://www.freecodecamp.org">Esto es un enlace vivo a freeCodeCamp</a>`
			`<a href="https://html.com/attributes/a-href/">Otro ejemplo con un atributo href</a>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			```

Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`### Anclajes en la página`
fix: change directory structure 2018-10-12 15:37:13 -04:00
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			También es posible establecer un ancla a un lugar determinado de la página. Para hacerlo, primero debes colocar una pestaña en la ubicación de la página con la etiqueta y el atributo necesario `name` con cualquier descripción de palabra clave, así:
fix: change directory structure 2018-10-12 15:37:13 -04:00
			```html
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<a name="arriba"></a>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			```

Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			No se requiere ninguna descripción entre etiquetas. Después de eso, puedes colocar un enlace que conduzca a este ancla en cualquier lugar de la misma página. Para hacer esto, debe usar la etiqueta con el atributo necesario `rhref` con el símbolo `#` (sostenido) y una pequeña descripción, en palabras clave, del ancla, así:
fix: change directory structure 2018-10-12 15:37:13 -04:00
			```html
Update index.md (#22700) Translation to Spanish 2019-06-29 19:09:17 +02:00			`<a href="#arriba">Ir arriba</a>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			```

			`### Enlaces de imagen`

			El `<a href="#">` también puede aplicarse a imágenes y otros elementos HTML.

			`### Ejemplo`

			```html
Translated text within the code (#24359) * Translated text within the code * fix: updated examples, removed improper closing tag 2019-06-29 19:41:08 +02:00			`<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="imagen"> </a>`
fix: change directory structure 2018-10-12 15:37:13 -04:00			```

			`### Ejemplo`

			`[![imagen](http://www.chatbot.chat/assets/images/header-bg_y.jpg)](#)`

			`### Algunos ejemplos más de href`

			```html
Translated text within the code (#24359) * Translated text within the code * fix: updated examples, removed improper closing tag 2019-06-29 19:41:08 +02:00			`<!-- Este te da una url base para todas las url subsecuentes en esta página -->`
			`<base href="https://www.freecodecamp.org/a-href/">`
			`<!-- Este es un enlace activo a una hoja de estilos externa (external stylesheet) -->`
			`<link href="style.css">`
Mejor traducción (#19236) 2018-10-21 07:48:45 +02:00			```