freeCodeCamp/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.spanish.md

id, title, challengeType, videoUrl, localeTitle

id	title	challengeType	videoUrl	localeTitle
bad87fee1348bd9aedf0887a	Headline with the h2 Element	0		Titular con el elemento h2

Description

En las próximas lecciones, construiremos una aplicación web de fotos de gatos HTML5 pieza por pieza. El elemento h2 que agregará en este paso agregará un encabezado de nivel dos a la página web. Este elemento le dice al navegador acerca de la estructura de su sitio web. h1 elementos h1 se usan a menudo para los encabezados principales, mientras que los elementos h2 se usan generalmente para los subtítulos. También hay elementos h3 , h4 , h5 y h6 para indicar diferentes niveles de subtítulos.

Instructions

Agregue una etiqueta h2 que diga "CatPhotoApp" para crear un segundo element HTML debajo de su elemento h1 "Hello World".

Tests

tests:
  - text: Crear un elemento <code>h2</code> .
    testString: 'assert(($("h2").length > 0), "Create an <code>h2</code> element.");'
  - text: Asegúrese de que su elemento <code>h2</code> tiene una etiqueta de cierre.
    testString: 'assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length, "Make sure your <code>h2</code> element has a closing tag.");'
  - text: Su elemento <code>h2</code> debe tener el texto &quot;CatPhotoApp&quot;.
    testString: 'assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), "Your <code>h2</code> element should have the text "CatPhotoApp".");'
  - 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".");'

Challenge Seed

<h1>Hello World</h1>

Solution

// solution required