freeCodeCamp/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements....

50 lines
1.9 KiB
Markdown
Raw Normal View History

2018-10-08 17:34:43 +00:00
---
id: bd7123c8c441eddfaeb5bdef
title: Say Hello to HTML Elements
challengeType: 0
videoUrl: ''
2018-10-10 20:20:40 +00:00
localeTitle: Diga hola a los elementos HTML
2018-10-08 17:34:43 +00:00
---
## Description
2018-10-10 20:20:40 +00:00
<section id="description"> Bienvenido a los desafíos de codificación HTML de freeCodeCamp. Estos te guiarán paso a paso a través del desarrollo web. Primero, comenzarás construyendo una página web simple usando HTML. Puede editar el <code>code</code> en su <code>code editor</code> , que está incrustado en esta página web. ¿Ve el código en su editor de código que dice <code>&lt;h1&gt;Hello&lt;/h1&gt;</code> ? Eso es un <code>element</code> HTML. La mayoría de los elementos HTML tienen una <code>opening tag</code> y una <code>closing tag</code> . Las etiquetas de apertura tienen este aspecto: <code>&lt;h1&gt;</code> etiquetas de cierre tienen este aspecto: <code>&lt;/h1&gt;</code> La única diferencia entre las etiquetas de apertura y cierre es la barra inclinada hacia delante después del corchete de apertura de una etiqueta de cierre. Cada desafío tiene pruebas que puede ejecutar en cualquier momento haciendo clic en el botón &quot;Ejecutar pruebas&quot;. Cuando pase todas las pruebas, se le solicitará que envíe su solución y pase al siguiente desafío de codificación. </section>
2018-10-08 17:34:43 +00:00
## Instructions
2018-10-10 20:20:40 +00:00
<section id="instructions"> Para pasar la prueba en este desafío, cambia el texto de tu elemento <code>h1</code> para que diga &quot;Hola mundo&quot;. </section>
2018-10-08 17:34:43 +00:00
## Tests
<section id='tests'>
```yml
tests:
- text: Su elemento <code>h1</code> debe tener el texto &quot;Hola mundo&quot;.
testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
```
</section>
## Challenge Seed
<section id='challengeSeed'>
<div id='html-seed'>
```html
<h1>Hello</h1>
2018-10-10 20:20:40 +00:00
2018-10-08 17:34:43 +00:00
```
</div>
</section>
## Solution
<section id='solution'>
```js
// solution required
```
</section>