7da04a348b
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. --> - [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md). - [x] My pull request has a descriptive title (not a vague title like `Update index.md`) - [x] My pull request targets the `master` branch of freeCodeCamp.
56 lines
1.5 KiB
Markdown
56 lines
1.5 KiB
Markdown
---
|
|
title: Href
|
|
localeTitle: Href
|
|
---
|
|
## Href
|
|
|
|
La referencia de hipertexto (HREF) es un atributo HTML que se usa para especificar un destino de enlace o un Localizador uniforme de recursos (URL). Más comúnmente verá el atributo HREF emparejado con una etiqueta de anclaje `<a>` .
|
|
|
|
El atributo HREF obtiene el significado exacto de un enlace según el elemento que lo esté utilizando. Por ejemplo, cuando se utiliza con la etiqueta `<a>` , hace referencia a la ubicación de un objeto expreso como una URL. Cuando se usa el atributo HREF con la etiqueta `<image>` , el atributo HREF hace referencia a la URL de la imagen a representar.
|
|
|
|
### Ejemplos:
|
|
|
|
Enlace a la página principal de Google:
|
|
|
|
\-> El texto "Visitar la página de inicio de Google actúa como el enlace a la página de inicio
|
|
|
|
```html
|
|
|
|
<a href="https://www.google.com">Visit Google's Homepage</a>
|
|
```
|
|
|
|
La imagen como enlace:
|
|
|
|
\-> Logotipo de Google que hace referencia a la página principal de Google
|
|
|
|
```html
|
|
|
|
<a href="https://www.google.com">
|
|
<img border="0" alt="Google" src="https://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif" width="100" height="100">
|
|
```
|
|
|
|
Etiquetas que utilizan HREF:
|
|
|
|
```html
|
|
|
|
<a>
|
|
<area>
|
|
<base>
|
|
<cursor>
|
|
<discard>
|
|
<feImage>
|
|
<hatch>
|
|
<image>
|
|
<link>
|
|
<mesh>
|
|
<meshgradient>
|
|
<mpath>
|
|
<pattern>
|
|
<script>
|
|
<textPath>
|
|
<use>
|
|
```
|
|
|
|
#### Más información:
|
|
|
|
[WTF es un href de todos modos](https://tomayko.com/blog/2008/wtf-is-an-href-anyway) [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/href) |