freeCodeCamp/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-e...

1.2 KiB

id title challengeType videoUrl forumTopicId dashedName
bad87fee1348bd9aedf08801 Inform with the Paragraph Element 0 https://scrimba.com/p/pVMPUv/ceZ7DtN 18202 inform-with-the-paragraph-element

--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>