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: ''
localeTitle: Di hola a los elementos HTML
2018-10-08 17:34:43 +00:00
---
## Description
<section id="description"> Bienvenido a los desafíos de programación en HTML de freeCodeCamp. Estos ejercicios te guiarán paso a paso a través del desarrollo web. Primero, comenzarás construyendo una página web sencilla usando HTML. Puedes editar el <code>code</code> en tu <code>code editor</code> , que está incrustado en esta página web. ¿Ves 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 puedes ejecutar en cualquier momento haciendo clic en el botón &quot;Ejecutar pruebas&quot;. Cuando pases todas las pruebas, tendrás que enviar tu solución para pasar al siguiente desafío de codificación. </section>
2018-10-08 17:34:43 +00:00
## Instructions
<section id="instructions"> Para superar 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>