---
id: bad87fee1348bd9aedf0887a
title: Headline with the h2 Element
challengeType: 0
videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gqf3'
---
## Description
Over the next few lessons, we'll build an HTML5 cat photo web app piece-by-piece.
The h2
element you will be adding in this step will add a level two heading to the web page.
This element tells the browser about the structure of your website. h1
elements are often used for main headings, while h2
elements are generally used for subheadings. There are also h3
, h4
, h5
and h6
elements to indicate different levels of subheadings.
## Instructions
Add an h2
tag that says "CatPhotoApp" to create a second HTML element
below your "Hello World" h1
element.
## Tests
```yml
tests:
- text: Create an h2
element.
testString: assert(($("h2").length > 0), 'Create an h2
element.');
- text: Make sure your h2
element has a closing tag.
testString: assert(code.match(/<\/h2>/g) && code.match(/<\/h2>/g).length === code.match(//g).length, 'Make sure your h2
element has a closing tag.');
- text: Your h2
element should have the text "CatPhotoApp".
testString: assert.isTrue((/cat(\s)?photo(\s)?app/gi).test($("h2").text()), 'Your h2
element should have the text "CatPhotoApp".');
- text: Your h1
element should have the text "Hello World".
testString: assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), 'Your h1
element should have the text "Hello World".');
```
## Challenge Seed
## Solution
```js
// solution required
```