jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-12 03:00:53 -04:00
Code Issues Projects Releases Wiki Activity

Update index.md (#22700)

Browse Source 
Translation to Spanish
This commit is contained in:
KrsBB
2019-06-29 19:09:17 +02:00
committed by Christopher McCormack
parent cba35969f0
commit 3f5fc6b4a6
1 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
guide/spanish/html/attributes/a-href-attribute/index.md
View File

@@ -9,15 +9,14 @@ El atributo `<a href>` refiere a un destino proporcionado por un enlace. La `a`
Por ejemplo:
```html
<html>
<head>
<title>Href Attribute Example</title>
<title>Ejemplo de atributo href</title>
</head>
<body>
<h1>Href Attribute Example</h1>
<h1>Ejemplo de atributo href</h1>
<p>
<a href="https://www.freecodecamp.org/contribute/">The freeCodeCamp Contribution Page</a> shows you how and where you can contribute to freeCodeCamp's community and growth.
<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>
@@ -33,26 +32,23 @@ El atributo `<a href>` es compatible con todos los navegadores.
### Ejemplos
```html
<a href="#">This is a dead link</a>
<a href="https://www.freecodecamp.org">This is a live link to freeCodeCamp</a>
<a href="https://html.com/attributes/a-href/">more with a href attribute</a>
<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 página
### Anclajes en la página
También es posible establecer un ancla a cierto lugar de la página. Para hacer esto, primero debe colocar una pestaña en la ubicación de la página con la etiqueta y el atributo necesario "nombre" con cualquier descripción de palabra clave, como esta:
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="top"></a>
<a name="arriba"></a>
```
No se requiere ninguna descripción entre etiquetas. Después de eso, puede colocar un enlace que conduce a este ancla en cualquier lugar de la misma página. Para hacer esto, debe usar la etiqueta con el atributo necesario "href" con el símbolo # (marcado) y la descripción de la palabra clave del ancla, como esto:
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="#top">Go to Top</a>
<a href="#arriba">Ir arriba</a>
```
### Enlaces de imagen
@@ -62,7 +58,6 @@ 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="picture"> </a>
```
@@ -73,8 +68,7 @@ El `<a href="#">` también puede aplicarse a imágenes y otros elementos HTML.
### Algunos ejemplos más de href
```html
<base href="https://www.freecodecamp.org/a-href/">This gives a base url for all further urls on the page</a>
<link href="style.css">This is a live link to an external stylesheet</a>
<base href="https://www.freecodecamp.org/a-href/">Esto otorga una url base para todas las próximas urls en la página</a>
<link href="style.css">Esto es un enlace vivo a una hoja de estilos externa</a>
```