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

id, title, challengeType, videoUrl, forumTopicId, localeTitle

id	title	challengeType	videoUrl	forumTopicId	localeTitle
bad87fee1348bd9aedf0887a	Headline with the h2 Element	0	https://scrimba.com/p/pVMPUv/cE8Gqf3	18196	Заголовок с элементом h2

Description

В течение следующих нескольких уроков мы по частям построим HTML5 веб-приложение с картинками котят. Элемент h2, который вы добавите на этом шаге, добавит заголовок второго уровня на веб-страницу. Этот элемент сообщает браузеру информацию о структуре вашего веб-сайта. Элементы h1 часто используются для основных заголовков, а элементы h2 обычно используются для подзаголовков. Существуют также элементы h3 , h4 , h5 и h6 для обозначения разных уровней подзаголовков.

Instructions

Добавьте тег h2 с текстом «CatPhotoApp», чтобы создать второй element(элемент) HTML под element(элементом) h1 с текстом «Hello World» .

Tests

tests:
  - text: Create an <code>h2</code> element.
    testString: assert(($("h2").length > 0));
  - text: Make sure your <code>h2</code> element has a closing tag.
    testString: assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length);
  - text: Your <code>h2</code> element should have the text "CatPhotoApp".
    testString: assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()));
  - text: Your <code>h1</code> element should have the text "Hello World".
    testString: assert.isTrue((/hello(\s)+world/gi).test($("h1").text()));

Challenge Seed

<h1>Hello World</h1>

Solution