chore(i8n,curriculum): processed translations (#41548)
Co-authored-by: Crowdin Bot <support+bot@crowdin.com>
This commit is contained in:
camperbot
GitHub
@ -13,7 +13,9 @@ Agreguemos un botón `submit` a tu formulario. Al hacer clic en este botón se e
|
||||
|
||||
Aquí hay un ejemplo de botón de envío:
|
||||
|
||||
`<button type="submit">this button submits the form</button>`
|
||||
```html
|
||||
<button type="submit">this button submits the form</button>
|
||||
```
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
||||
@ -13,7 +13,9 @@ Puedes agregar imágenes a tu sitio web utilizando el elemento `img`, y apuntar
|
||||
|
||||
Un ejemplo de esto sería:
|
||||
|
||||
`<img src="https://www.freecatphotoapp.com/your-image.jpg">`
|
||||
```html
|
||||
<img src="https://www.freecatphotoapp.com/your-image.jpg">
|
||||
```
|
||||
|
||||
Ten en cuenta que los elementos `img` se cierran automáticamente.
|
||||
|
||||
@ -25,7 +27,9 @@ Idealmente, el atributo `alt` no debe contener caracteres especiales a menos que
|
||||
|
||||
Agreguemos un atributo `alt` a nuestro ejemplo `img` anterior:
|
||||
|
||||
`<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">`
|
||||
```html
|
||||
<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">
|
||||
```
|
||||
|
||||
# --instructions--
|
||||
|
||||
@ -33,9 +37,7 @@ Intentemos agregar una imagen a nuestro sitio web:
|
||||
|
||||
Dentro del elemento `main`, inserta un elemento `img` antes de los elementos `p` existentes.
|
||||
|
||||
Ahora establece el atributo `src` para que apunte a esta url:
|
||||
|
||||
`https://bit.ly/fcc-relaxing-cat`
|
||||
Ahora establece el atributo `src` para que apunte a la url `https://bit.ly/fcc-relaxing-cat`
|
||||
|
||||
Finalmente, no olvides darle a tu elemento `img` un atributo `alt` con texto descriptivo.
|
||||
|
||||
|
||||
@ -13,7 +13,9 @@ Puedes hacer que una casilla de verificación o botón de radio se marque por de
|
||||
|
||||
Para hacer esto, simplemente agrega la palabra `checked` al interior de un elemento de entrada. Por ejemplo:
|
||||
|
||||
`<input type="radio" name="test-name" checked>`
|
||||
```html
|
||||
<input type="radio" name="test-name" checked>
|
||||
```
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
||||
@ -21,7 +21,9 @@ Se considera buena práctica definir explícitamente la relación entre un `inpu
|
||||
|
||||
A continuación te presentamos un ejemplo de una casilla de verificación:
|
||||
|
||||
`<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>`
|
||||
```html
|
||||
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
|
||||
```
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
||||
@ -15,7 +15,9 @@ Los elementos de entrada `input` son una forma conveniente de obtener informaci
|
||||
|
||||
Puedes crear una entrada de texto de esta manera:
|
||||
|
||||
`<input type="text">`
|
||||
```html
|
||||
<input type="text">
|
||||
```
|
||||
|
||||
Ten en cuenta que los elementos `input` se cierran automáticamente.
|
||||
|
||||
|
||||
@ -13,13 +13,15 @@ Los elementos `p` son el elemento preferido para el texto de los párrafos en lo
|
||||
|
||||
Puedes crear un elemento párrafo de esta manera:
|
||||
|
||||
`<p>I'm a p tag!</p>`
|
||||
```html
|
||||
<p>I'm a p tag!</p>
|
||||
```
|
||||
|
||||
# --instructions--
|
||||
|
||||
Crea un elemento `p` debajo de tu elemento `h2` y dale como texto `Hello Paragraph`.
|
||||
|
||||
**Note:** Por convención, todas las etiquetas HTML son escritas en minúsculas, por ejemplo `<p></p>` y no `<P></P>`.
|
||||
**Nota:** Por convención, todas las etiquetas HTML son escritas en minúsculas, por ejemplo `<p></p>` y no `<P></P>`.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@ -13,7 +13,9 @@ Puedes usar los elementos `a` (*anchor*) para enlazar a contenido fuera de tu p
|
||||
|
||||
Los elementos `a` requieren un atributo `href` con la dirección web de destino. También necesitan un texto anchor. Por ejemplo:
|
||||
|
||||
`<a href="https://freecodecamp.org">this links to freecodecamp.org</a>`
|
||||
```html
|
||||
<a href="https://freecodecamp.org">this links to freecodecamp.org</a>
|
||||
```
|
||||
|
||||
Entonces tu navegador mostrará el texto `this links to freecodecamp.org` como un enlace que puedes hacer clic. Y ese enlace te llevará a la dirección web `https://www.freecodecamp.org`.
|
||||
|
||||
|
||||
@ -19,19 +19,27 @@ Puedes anidar enlaces dentro de otros elementos de texto.
|
||||
|
||||
Desglosemos el ejemplo. El texto normal está envuelto en el elemento `p`:
|
||||
|
||||
`<p> Here's a ... for you to follow. </p>`
|
||||
```html
|
||||
<p> Here's a ... for you to follow. </p>
|
||||
```
|
||||
|
||||
A continuación está el elemento *anchor* `<a>` (que requiere una etiqueta de cierre `</a>`):
|
||||
|
||||
`<a> ... </a>`
|
||||
```html
|
||||
<a> ... </a>
|
||||
```
|
||||
|
||||
`target` es un atributo de etiqueta anchor que especifica dónde abrir el enlace. El valor `_blank` especifica abrir el enlace en una nueva pestaña. El `href` es un atributo de etiqueta anchor que contiene la dirección URL del enlace:
|
||||
|
||||
`<a href="http://freecodecamp.org"> ... </a>`
|
||||
```html
|
||||
<a href="http://freecodecamp.org"> ... </a>
|
||||
```
|
||||
|
||||
El texto, `link to freecodecamp.org`, dentro de un elemento `a` se llama <dfn>anchor text</dfn>, y mostrará el enlace para hacer clic:
|
||||
|
||||
`<a href=" ... ">link to freecodecamp.org</a>`
|
||||
```html
|
||||
<a href=" ... ">link to freecodecamp.org</a>
|
||||
```
|
||||
|
||||
El resultado final del ejemplo se verá así:
|
||||
|
||||
@ -75,7 +83,7 @@ Debes crear un nuevo elemento `p`. Debe haber al menos 3 etiquetas `p` en tu có
|
||||
assert($('p') && $('p').length > 2);
|
||||
```
|
||||
|
||||
El elemento `a` debe estar anidado dentro del nuevo elemento `p`.
|
||||
Tu elemento `a` debe ser anidado dentro de tu nuevo elemento `p`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -94,7 +102,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
El elemento `a` <em>no</em> debe tener el texto `View more`.
|
||||
Tu elemento `a` <em>no</em> debe tener el texto `View more`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -114,7 +122,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Cada uno de los elementos `a` debe tener una etiqueta de cierre.
|
||||
Cada uno de tus elementos `a` debe tener una etiqueta de cierre.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
||||
@ -19,11 +19,15 @@ La mayoría de elementos HTML tienen una etiqueta de apertura y una etiqueta de
|
||||
|
||||
Las etiquetas de apertura se ven así:
|
||||
|
||||
`<h1>`
|
||||
```html
|
||||
<h1>
|
||||
```
|
||||
|
||||
Las etiquetas de cierre se ven así:
|
||||
|
||||
`</h1>`
|
||||
```html
|
||||
</h1>
|
||||
```
|
||||
|
||||
La única diferencia entre las etiquetas de apertura y cierre es la barra frontal después del corchete de ángulo abierto.
|
||||
|
||||
|
||||
@ -13,7 +13,9 @@ Puedes convertir elementos en enlaces, anidándolos dentro de un elemento `a`.
|
||||
|
||||
Anida tu imagen dentro de un elemento `a`. A continuación, te presentamos un ejemplo:
|
||||
|
||||
`<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>`
|
||||
```html
|
||||
<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>
|
||||
```
|
||||
|
||||
Recuerda usar `#` como propiedad `href` de tu elemento `a` para convertirlo en un enlace muerto.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user