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

id, challengeType, videoUrl, forumTopicId, title

id	challengeType	videoUrl	forumTopicId	title
bad87fee1348bd9aedf0887a	0	https://scrimba.com/p/pVMPUv/cE8Gqf3	18196	用 h2 元素代表副标题

Description

在接下来的几节课里，我们将会由浅入深地制作一个 CatPhotoApp。 这节课将会引入h2元素。 这些元素用来告诉浏览器，网站的结构是什么样子。h1元素通常被用作主标题，h2元素通常被用作副标题，还有h3、h4、h5、h6元素，它们分别用作不同级别的标题。

Instructions

在h1元素下面创建一个h2元素，元素内容为：CatPhotoApp。

Tests

tests:
  - text: '创建一个<code>h2</code>元素。'
    testString: assert(($("h2").length > 0));
  - text: '<code>h2</code>元素应该有结束标记。'
    testString: assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(/<h2>/g).length);
  - text: '<code>h2</code>元素的内容应为：<code>CatPhotoApp</code>。'
    testString: assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()));
  - text: '<code>h1</code>元素的内容应为：<code>Hello World</code>。'
    testString: assert.isTrue((/hello(\s)+world/gi).test($("h1").text()));

Challenge Seed

<h1>Hello World</h1>

Solution