fix(spanish-md): Address some formatting issues for Spanish md
This commit is contained in:
Bouncey
committed by
mrugesh mohapatra
mrugesh mohapatra
parent
ee9f6b2d72
commit
c2a45b58be
@@ -8,15 +8,15 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Agreguemos un botón de <code>submit</code> a su formulario. Al hacer clic en este botón, los datos de su formulario se enviarán a la URL que especificó con el atributo de <code>action</code> su formulario.
|
||||
Aquí hay un ejemplo de botón de envío:
|
||||
<code><button type="submit">this button submits the form</button></code>
|
||||
<section id='description'>
|
||||
Agreguemos un botón de <code>submit</code> a su formulario. Al hacer clic en este botón, los datos de su formulario se enviarán a la URL que especificó con el atributo de <code>action</code> su formulario.
|
||||
Aquí hay un ejemplo de botón de envío:
|
||||
<code><button type="submit">this button submits the form</button></code>
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Agregue un botón como el último elemento de su elemento de <code>form</code> con un tipo de <code>submit</code> y "Enviar" como texto.
|
||||
<section id='instructions'>
|
||||
Agregue un botón como el último elemento de su elemento de <code>form</code> con un tipo de <code>submit</code> y "Enviar" como texto.
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -28,7 +28,7 @@ tests:
|
||||
testString: 'assert($("form").children("button").length > 0, "Your form should have a button inside it.");'
|
||||
- text: El botón de envío debe tener el atributo <code class = "notranslate"> type </code> establecido en <code class = "notranslate"> submit </code>.
|
||||
testString: 'assert($("button").attr("type") === "submit", "Your submit button should have the attribute <code>type</code> set to <code>submit</code>.");'
|
||||
- text: Su botón de enviar solo debe tener el texto "Enviar".
|
||||
- text: Su botón de enviar solo debe tener el texto "Enviar."
|
||||
testString: 'assert($("button").text().match(/^\s*submit\s*$/gi), "Your submit button should only have the text "Submit".");'
|
||||
- text: Asegúrese de que su elemento <code class = "notranslate"> button </code> tenga una etiqueta de cierre.
|
||||
testString: 'assert(code.match(/<\/button>/g) && code.match(/<button/g) && code.match(/<\/button>/g).length === code.match(/<button/g).length, "Make sure your <code>button</code> element has a closing tag.");'
|
||||
|
||||
@@ -7,14 +7,14 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Recuerde que para iniciar un comentario, debe usar <code><!--</code> y para finalizar un comentario, debe usar <code>--></code>
|
||||
Aquí deberá finalizar el comentario antes de que comience su elemento <code>h2</code> .
|
||||
<section id='description'>
|
||||
Recuerde que para iniciar un comentario, debe usar <code><!--</code> y para finalizar un comentario, debe usar <code>--></code>
|
||||
Aquí deberá finalizar el comentario antes de que comience su elemento <code>h2</code> .
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Comente su elemento <code>h1</code> y su elemento <code>p</code> , pero no su elemento <code>h2</code> .
|
||||
<section id='instructions'>
|
||||
Comente su elemento <code>h1</code> y su elemento <code>p</code> , pero no su elemento <code>h2</code> .
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -28,7 +28,7 @@ tests:
|
||||
testString: 'assert(($("h2").length > 0), "Leave your <code>h2</code> element uncommented so that it is visible on your page.");'
|
||||
- text: Comenta tu elemento <code>p</code> para que no se vea en tu página.
|
||||
testString: 'assert(($("p").length === 0), "Comment out your <code>p</code> element so that it is not visible on your page.");'
|
||||
- text: 'Asegúrese de cerrar cada uno de sus comentarios con <code>--></code> .'
|
||||
- text: 'Asegúrese de cerrar cada uno de sus comentarios con <code>--></code> .'
|
||||
testString: 'assert(code.match(/[^fc]-->/g).length > 1, "Be sure to close each of your comments with <code>--></code>.");'
|
||||
- text: No cambie el orden de <code>h1</code> <code>h2</code> o <code>p</code> en el código.
|
||||
testString: 'assert((code.match(/<([a-z0-9]){1,2}>/g)[0]==="<h1>" && code.match(/<([a-z0-9]){1,2}>/g)[1]==="<h2>" && code.match(/<([a-z0-9]){1,2}>/g)[2]==="<p>") , "Do not change the order of the <code>h1</code> <code>h2</code> or <code>p</code> in the code.");'
|
||||
|
||||
@@ -7,17 +7,17 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Puede usar elementos de <code>anchor</code> para vincular contenido fuera de su página web.
|
||||
elementos de <code>anchor</code>
|
||||
necesitan una dirección web de destino denominada atributo <code>href</code> . También necesitan texto de anclaje. Aquí hay un ejemplo:
|
||||
<code><a href="https://freecodecamp.org">this links to freecodecamp.org</a></code>
|
||||
Entonces su navegador mostrará el texto <strong>"esto enlaza a freecodecamp.org"</strong> como un enlace que puede hacer clic. Y ese enlace lo llevará a la dirección web <strong>https://spanish.freecodecamp.org</strong> .
|
||||
<section id='description'>
|
||||
Puede usar elementos de <code>anchor</code> para vincular contenido fuera de su página web.
|
||||
elementos de <code>anchor</code>
|
||||
necesitan una dirección web de destino denominada atributo <code>href</code> . También necesitan texto de anclaje. Aquí hay un ejemplo:
|
||||
<code><a href="https://freecodecamp.org">this links to freecodecamp.org</a></code>
|
||||
Entonces su navegador mostrará el texto <strong>"esto enlaza a freecodecamp.org"</strong> como un enlace que puede hacer clic. Y ese enlace lo llevará a la dirección web <strong>https://spanish.freecodecamp.org</strong> .
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Crear una <code>a</code> elemento que une a <code>http://freecatphotoapp.com</code> y tiene "fotos del gato" como su <code>anchor text</code> .
|
||||
<section id='instructions'>
|
||||
Crear una <code>a</code> elemento que une a <code>http://freecatphotoapp.com</code> y tiene "fotos del gato" como su <code>anchor text</code> .
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -27,7 +27,7 @@ Crear una <code>a</code> elemento que une a <code>http://freecatphotoapp.com</co
|
||||
tests:
|
||||
- text: Su <code>a</code> elemento debe tener el <code>anchor text</code> de fotos "gato".
|
||||
testString: 'assert((/cat photos/gi).test($("a").text()), "Your <code>a</code> element should have the <code>anchor text</code> of "cat photos".");'
|
||||
- text: 'Es necesario un <code>a</code> elemento que une a <code>http://freecatphotoapp .com</code> '
|
||||
- text: 'Es necesario un <code>a</code> elemento que une a <code>http://freecatphotoapp .com</code> '
|
||||
testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an <code>a</code> element that links to <code>http://freecatphotoapp<wbr>.com</code>");'
|
||||
- text: Asegúrese de que su <code>a</code> elemento tiene una etiqueta de cierre.
|
||||
testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure your <code>a</code> element has a closing tag.");'
|
||||
|
||||
@@ -7,19 +7,19 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Los elementos de anclaje también se pueden usar para crear enlaces internos para saltar a diferentes secciones dentro de una página web.
|
||||
Para crear un enlace interno, asigna el atributo <code>href</code> un enlace a un símbolo de hash <code>#</code> más el valor del atributo <code>id</code> para el elemento al que desea enlazar internamente, generalmente más abajo en la página. A continuación, deberá agregar el mismo atributo de <code>id</code> al elemento al que se está vinculando. Un <code>id</code> es un atributo que describe de forma única un elemento.
|
||||
A continuación se muestra un ejemplo de un enlace de anclaje interno y su elemento de destino:
|
||||
<blockquote><a href="#contacts-header">Contacts</a><br>...<br><h2 id="contacts-header">Contacts</h2></blockquote>
|
||||
Cuando los usuarios hacen clic en el enlace de Contactos, serán llevados a la sección de la página web con el elemento del encabezado de <b>Contactos</b> .
|
||||
<section id='description'>
|
||||
Los elementos de anclaje también se pueden usar para crear enlaces internos para saltar a diferentes secciones dentro de una página web.
|
||||
Para crear un enlace interno, asigna el atributo <code>href</code> un enlace a un símbolo de hash <code>#</code> más el valor del atributo <code>id</code> para el elemento al que desea enlazar internamente, generalmente más abajo en la página. A continuación, deberá agregar el mismo atributo de <code>id</code> al elemento al que se está vinculando. Un <code>id</code> es un atributo que describe de forma única un elemento.
|
||||
A continuación se muestra un ejemplo de un enlace de anclaje interno y su elemento de destino:
|
||||
<blockquote><a href="#contacts-header">Contacts</a><br>...<br><h2 id="contacts-header">Contacts</h2></blockquote>
|
||||
Cuando los usuarios hacen clic en el enlace de Contactos, serán llevados a la sección de la página web con el elemento del encabezado de <b>Contactos</b> .
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Cambie su enlace externo a un enlace interno cambiando el atributo <code>href</code> a "# footer" y el texto de "fotos del gato" a "Saltar a la parte inferior".
|
||||
Elimine el atributo <code>target="_blank"</code> de la etiqueta de anclaje ya que esto hace que el documento vinculado se abra en una nueva pestaña de ventana.
|
||||
Luego agregue un atributo <code>id</code> con un valor de "pie de página" al elemento <code><footer></code> en la parte inferior de la página.
|
||||
<section id='instructions'>
|
||||
Cambie su enlace externo a un enlace interno cambiando el atributo <code>href</code> a "# footer" y el texto de "fotos del gato" a "Saltar a la parte inferior".
|
||||
Elimine el atributo <code>target="_blank"</code> de la etiqueta de anclaje ya que esto hace que el documento vinculado se abra en una nueva pestaña de ventana.
|
||||
Luego agregue un atributo <code>id</code> con un valor de "pie de página" al elemento <code><footer></code> en la parte inferior de la página.
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -35,9 +35,9 @@ tests:
|
||||
testString: 'assert($("a").eq(0).attr("href") == "#footer", "The <code>a</code> tag should have an <code>href</code> attribute set to "#footer".");'
|
||||
- text: La etiqueta <code class = "notranslate"> a </code> no debe tener el atributo <code class = "notranslate"> target </code>
|
||||
testString: 'assert(typeof $("a").eq(0).attr("target") == typeof undefined || $("a").eq(0).attr("target") == true, "The <code>a</code> tag should not have a <code>target</code> attribute");'
|
||||
- text: El <code class = "notranslate"> un texto </code> debe ser "Jump to Bottom".
|
||||
- text: El <code class = "notranslate"> un texto </code> debe ser "Jump to Bottom."
|
||||
testString: 'assert($("a").eq(0).text().match(/Jump to Bottom/gi), "The <code>a</code> text should be "Jump to Bottom".");'
|
||||
- text: La etiqueta <code class = "notranslate"> footer </code> debe tener un atributo <code class = "notranslate"> id </code> establecido en "footer".
|
||||
- text: La etiqueta <code class = "notranslate"> footer </code> debe tener un atributo <code class = "notranslate"> id </code> establecido en "footer."
|
||||
testString: 'assert($("footer").eq(0).attr("id") == "footer", "The <code>footer</code> tag should have an <code>id</code> attribute set to "footer".");'
|
||||
|
||||
```
|
||||
|
||||
@@ -7,15 +7,15 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
veces que desea agregar <code>a</code> los elementos a su sitio web antes de saber donde van a unir.
|
||||
Esto también es útil cuando está cambiando el comportamiento de un enlace usando <code>JavaScript</code> , que conoceremos más adelante.
|
||||
<section id='description'>
|
||||
veces que desea agregar <code>a</code> los elementos a su sitio web antes de saber donde van a unir.
|
||||
Esto también es útil cuando está cambiando el comportamiento de un enlace usando <code>JavaScript</code> , que conoceremos más adelante.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
El valor actual del atributo <code>href</code> es un enlace que apunta a "http://freecatphotoapp.com". Reemplace el valor del atributo <code>href</code> con un <code>#</code> , también conocido como símbolo de hash, para crear un enlace muerto.
|
||||
Por ejemplo: <code>href="#"</code>
|
||||
<section id='instructions'>
|
||||
El valor actual del atributo <code>href</code> es un enlace que apunta a "http://freecatphotoapp.com". Reemplace el valor del atributo <code>href</code> con un <code>#</code> , también conocido como símbolo de hash, para crear un enlace muerto.
|
||||
Por ejemplo: <code>href="#"</code>
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -23,7 +23,7 @@ Por ejemplo: <code>href="#"</code>
|
||||
|
||||
```yml
|
||||
tests:
|
||||
- text: 'Su <code>a</code> elemento debe ser un vínculo roto con el valor de la <code>href</code> atributo establecido en '#'.'
|
||||
- text: 'Su <code>a</code> elemento debe ser un vínculo roto con el valor de la <code>href</code> atributo establecido en '#'.'
|
||||
testString: 'assert($("a").attr("href") === "#", "Your <code>a</code> element should be a dead link with the value of the <code>href</code> attribute set to "#".");'
|
||||
|
||||
```
|
||||
|
||||
@@ -7,21 +7,21 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Puede anidar enlaces dentro de otros elementos de texto.
|
||||
<blockquote><p><br> Here's a <a target="_blank" href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.<br></p></blockquote>
|
||||
Desglosemos el ejemplo:
|
||||
El texto normal se ajusta en el elemento <code>p</code> : <br> <code><p> Here's a ... for you to follow. </p></code>
|
||||
siguiente es el elemento de <code>anchor</code> <code><a></code> (que requiere una etiqueta de cierre <code></a></code> ): <br> <code><a> ... </a></code>
|
||||
<code>target</code> es un atributo de etiqueta de anclaje que especifica dónde abrir el enlace y el valor <code>"_blank"</code> especifica que se abra el enlace en una nueva pestaña
|
||||
<code>href</code> es un atributo de etiqueta de anclaje que contiene la URL Dirección del enlace: <br> <code><a href="http://freecodecamp.org"> ... </a></code>
|
||||
El texto, <strong>"link to freecodecamp.org"</strong> , dentro del elemento de <code>anchor text</code> llamado <code>anchor text</code> , mostrará un enlace para hacer clic: <br> <code><a href=" ... ">link to freecodecamp.org</a></code>
|
||||
La salida final del ejemplo se verá así: <br><p> Aquí hay un <a target="_blank" href="http://freecodecamp.org">enlace a freecodecamp.org</a> para que lo sigas. </p>
|
||||
<section id='description'>
|
||||
Puede anidar enlaces dentro de otros elementos de texto.
|
||||
<blockquote><p><br> Here's a <a target="_blank" href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.<br></p></blockquote>
|
||||
Desglosemos el ejemplo:
|
||||
El texto normal se ajusta en el elemento <code>p</code> : <br> <code><p> Here's a ... for you to follow. </p></code>
|
||||
siguiente es el elemento de <code>anchor</code> <code><a></code> (que requiere una etiqueta de cierre <code></a></code> ): <br> <code><a> ... </a></code>
|
||||
<code>target</code> es un atributo de etiqueta de anclaje que especifica dónde abrir el enlace y el valor <code>"_blank"</code> especifica que se abra el enlace en una nueva pestaña
|
||||
<code>href</code> es un atributo de etiqueta de anclaje que contiene la URL Dirección del enlace: <br> <code><a href="http://freecodecamp.org"> ... </a></code>
|
||||
El texto, <strong>"link to freecodecamp.org"</strong> , dentro del elemento de <code>anchor text</code> llamado <code>anchor text</code> , mostrará un enlace para hacer clic: <br> <code><a href=" ... ">link to freecodecamp.org</a></code>
|
||||
La salida final del ejemplo se verá así: <br><p> Aquí hay un <a target="_blank" href="http://freecodecamp.org">enlace a freecodecamp.org</a> para que lo sigas. </p>
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Ahora nido de su actual <code>a</code> elemento dentro de un nuevo <code>p</code> elemento (justo a continuación de la <code>main</code> elemento). El nuevo párrafo debe tener un texto que diga "Ver más fotos de gatos", donde "fotos de gatos" es un enlace, y el resto del texto es texto sin formato.
|
||||
<section id='instructions'>
|
||||
Ahora nido de su actual <code>a</code> elemento dentro de un nuevo <code>p</code> elemento (justo a continuación de la <code>main</code> elemento). El nuevo párrafo debe tener un texto que diga "Ver más fotos de gatos", donde "fotos de gatos" es un enlace, y el resto del texto es texto sin formato.
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -29,7 +29,7 @@ Ahora nido de su actual <code>a</code> elemento dentro de un nuevo <code>p</code
|
||||
|
||||
```yml
|
||||
tests:
|
||||
- text: 'Es necesario un <code>a</code> elemento que une a 'http://freecatphotoapp.com'.'
|
||||
- text: 'Es necesario un <code>a</code> elemento que une a 'http://freecatphotoapp.com'.'
|
||||
testString: 'assert(($("a[href=\"http://freecatphotoapp.com\"]").length > 0 || $("a[href=\"http://www.freecatphotoapp.com\"]").length > 0), "You need an <code>a</code> element that links to "http://freecatphotoapp.com".");'
|
||||
- text: Su <code>a</code> elemento debe tener el texto de anclaje de fotos "gato"
|
||||
testString: 'assert($("a").text().match(/cat\sphotos/gi), "Your <code>a</code> element should have the anchor text of "cat photos"");'
|
||||
|
||||
@@ -7,17 +7,17 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
Se puede hacer elementos en enlaces anidando dentro de un <code>a</code> elemento.
|
||||
Nido de su imagen dentro de un <code>a</code> elemento. Aquí hay un ejemplo:
|
||||
<code><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a></code>
|
||||
Recuerda usar <code>#</code> como la propiedad <code>href</code> <code>a</code> elemento para convertirlo en un enlace muerto.
|
||||
<section id='description'>
|
||||
Se puede hacer elementos en enlaces anidando dentro de un <code>a</code> elemento.
|
||||
Nido de su imagen dentro de un <code>a</code> elemento. Aquí hay un ejemplo:
|
||||
<code><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a></code>
|
||||
Recuerda usar <code>#</code> como la propiedad <code>href</code> <code>a</code> elemento para convertirlo en un enlace muerto.
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Coloque el elemento de imagen existente dentro de un elemento de anclaje.
|
||||
Una vez que hayas hecho esto, desplázate sobre tu imagen con el cursor. El puntero normal de su cursor debe convertirse en el enlace que hace clic en el puntero. La foto es ahora un enlace.
|
||||
<section id='instructions'>
|
||||
Coloque el elemento de imagen existente dentro de un elemento de anclaje.
|
||||
Una vez que hayas hecho esto, desplázate sobre tu imagen con el cursor. El puntero normal de su cursor debe convertirse en el enlace que hace clic en el puntero. La foto es ahora un enlace.
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -27,7 +27,7 @@ Una vez que hayas hecho esto, desplázate sobre tu imagen con el cursor. El punt
|
||||
tests:
|
||||
- text: Nido el vigente <code>img</code> elemento dentro de un <code>a</code> elemento.
|
||||
testString: 'assert($("a").children("img").length > 0, "Nest the existing <code>img</code> element within an <code>a</code> element.");'
|
||||
- text: 'Su <code>a</code> elemento debe ser un vínculo roto con un <code>href</code> atributo establecido en <code>#</code> .'
|
||||
- text: 'Su <code>a</code> elemento debe ser un vínculo roto con un <code>href</code> atributo establecido en <code>#</code> .'
|
||||
testString: 'assert(new RegExp("#").test($("a").children("img").parent().attr("href")), "Your <code>a</code> element should be a dead link with a <code>href</code> attribute set to <code>#</code>.");'
|
||||
- text: Asegúrese de que cada uno de sus <code>a</code> elementos tiene una etiqueta de cierre.
|
||||
testString: 'assert(code.match(/<\/a>/g) && code.match(/<a/g) && code.match(/<\/a>/g).length === code.match(/<a/g).length, "Make sure each of your <code>a</code> elements has a closing tag.");'
|
||||
|
||||
@@ -7,15 +7,15 @@ videoUrl: ''
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id='description'>
|
||||
comentarios son una forma en la que puede dejar comentarios para otros desarrolladores dentro de su código sin afectar el resultado resultante que se muestra al usuario final.
|
||||
comentarios también son una forma conveniente de desactivar el código sin tener que eliminarlo por completo.
|
||||
comentarios en HTML comienzan con <code><!--</code> , y terminan con un <code>--></code>
|
||||
<section id='description'>
|
||||
comentarios son una forma en la que puede dejar comentarios para otros desarrolladores dentro de su código sin afectar el resultado resultante que se muestra al usuario final.
|
||||
comentarios también son una forma conveniente de desactivar el código sin tener que eliminarlo por completo.
|
||||
comentarios en HTML comienzan con <code><!--</code> , y terminan con un <code>--></code>
|
||||
</section>
|
||||
|
||||
## Instructions
|
||||
<section id='instructions'>
|
||||
Descomenta tus elementos <code>h1</code> , <code>h2</code> <code>p</code> .
|
||||
<section id='instructions'>
|
||||
Descomenta tus elementos <code>h1</code> , <code>h2</code> <code>p</code> .
|
||||
</section>
|
||||
|
||||
## Tests
|
||||
@@ -29,7 +29,7 @@ tests:
|
||||
testString: 'assert($("h2").length > 0, "Make your <code>h2</code> element visible on your page by uncommenting it.");'
|
||||
- text: Haz que tu elemento <code>p</code> visible en tu página descomprimiéndolo.
|
||||
testString: 'assert($("p").length > 0, "Make your <code>p</code> element visible on your page by uncommenting it.");'
|
||||
- text: 'Asegúrese de eliminar todas las etiquetas de comentarios finales, es decir, <code>--></code> .'
|
||||
- text: 'Asegúrese de eliminar todas las etiquetas de comentarios finales, es decir, <code>--></code> .'
|
||||
testString: 'assert(!/[^fc]-->/gi.test(code.replace(/ *<!--[^fc]*\n/g,"")), "Be sure to delete all trailing comment tags, i.e. <code>--></code>.");'
|
||||
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user