Files
freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
Oliver Eyton-Williams 0bd52f8bd1 Feat: add new Markdown parser (#39800)
and change all the challenges to new `md` format.
2020-11-27 10:02:05 -08:00

1.1 KiB

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
bad87fee1348bd9aedf08801 Inform with the Paragraph Element 0 https://scrimba.com/p/pVMPUv/ceZ7DtN 18202

--description--

p elements are the preferred element for paragraph text on websites. p is short for "paragraph".

You can create a paragraph element like this:

<p>I'm a p tag!</p>

--instructions--

Create a p element below your h2 element, and give it the text "Hello Paragraph".

Note: As a convention, all HTML tags are written in lowercase, for example <p></p> and not <P></P>.

--hints--

Your code should have a valid p element.

assert($('p').length > 0);

Your p element should have the text Hello Paragraph.

assert.isTrue(/hello(\s)+paragraph/gi.test($('p').text()));

Your p element should have a closing tag.

assert(
  code.match(/<\/p>/g) &&
    code.match(/<\/p>/g).length === code.match(/<p/g).length
);

--seed--

--seed-contents--

<h1>Hello World</h1>
<h2>CatPhotoApp</h2>

--solutions--

<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Hello Paragraph</p>